是否可以在 CSS 中获取默认的 Chrome 按钮样式?
当然很多人会说用http://pastebin.com/zjkW2cJe http://pastebin.com/zjkW2cJe or http://pastebin.com/xKGBZFPg http://pastebin.com/xKGBZFPg
但我想要这个按钮的 CSS 代码...
如果您想要纯 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用户界面 http://jqueryui.com/对此有诱人的简单解决方案。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)