Chrome默认按钮样式
问题描述:
在CSS中获取默认Chrome按钮样式是否可行?Chrome默认按钮样式
当然很多人会说使用http://pastebin.com/zjkW2cJe或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
但是,如果你从字面上想要的规则本身呈现一个按钮,以使在其他浏览器相同的按钮,我认为这是不可能的:浏览器的用户界面或底层操作系统将呈现默认按钮。在我的Windows 7,默认按钮看起来是这样的:
这种风格,因为据我所知,是不是在CSS规则。你将不得不使用背景图像,边框,圆角等来重建它。如果你不介意使用jQuery,像jQuery UI这样的库为此提供了诱人简单的解决方案。
答
你希望他们...视觉上?如果是这样,检查元素并查看计算的样式。
答
在在MacOS目前的Chrome,它是这样的:
background-image: linear-gradient(to bottom, #e4e4e4, #f7f7f7);
border: 1px solid #afafaf
还有一个有趣的样式属性:`-webkit-appearance`。 Google it =) – kirilloid 2011-02-17 17:17:03