Chrome默认按钮样式

Question

是否可以在CSS中获得默认的Chrome按钮样式？

当然，很多人会说使用http://pastebin.com/zjkW2cJe或http://pastebin.com/xKGBZFPg

但我想要这个按钮CSS代码......

Answer 1

如果您需要纯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中，默认按钮如下所示：

据我所知，这种风格不在CSS规则中。您必须使用背景图像，边框，圆角等重建它。如果您不介意使用jQuery，jQuery UI之类的库会为此提供诱人的简单解决方案。

Answer 2

你想要他们......视觉上？如果是这样，请检查元素并查看计算出的样式。

Answer 3

在macOS上的当前Chrome中，它是这样的：

background-image: linear-gradient(to bottom, #e4e4e4, #f7f7f7);
border: 1px solid #afafaf