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这样的库对此有非常简单的解决方案。