logo标签列表

Chrome默认按钮样式

htmlcssbuttonstylesheet
3
1
有一个有趣的样式属性：-webkit-appearance。谷歌一下 =) - kirilloid
3个回答
5
如果你想要纯CSS规则，可以检查按钮元素并查看“用户代理样式表”条目。在我的Chrome 9中，它们看起来像这样：
input, textarea, keygen, select, button, isindex, datagrid {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
....... etc. much more

然而，如果您确实想要本地渲染按钮的规则，以便在其他浏览器中呈现相同的按钮，我认为这是不可能的：默认按钮将由浏览器的UI甚至底层操作系统渲染。在我的Windows 7上，默认按钮的外观如下：

enter image description here

据我所知，这种样式不在CSS规则中。您需要使用背景图像、边框、圆角等重新构建它。如果您不介意使用jQuery，像jQuery UI这样的库有非常简单的解决方案。
2

如果您想要以可视化的方式查看它们，那么请检查元素并查看计算样式。

0
在当前的macOS Chrome浏览器中，它大致是这样的：
background-image: linear-gradient(to bottom, #e4e4e4, #f7f7f7);
border: 1px solid #afafaf
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接