Chrome默认按钮样式

在CSS中获取默认Chrome按钮样式是否可行？Chrome默认按钮样式

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

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

2011-02-17 ZeroSuf3r

还有一个有趣的样式属性：`-webkit-appearance`。 Google it =） – kirilloid 2011-02-17 17:17:03

如果你想要纯粹的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，默认按钮看起来是这样的：

enter image description here

这种风格，因为据我所知，是不是在CSS规则。你将不得不使用背景图像，边框，圆角等来重建它。如果你不介意使用jQuery，像jQuery UI这样的库为此提供了诱人简单的解决方案。

来源

2011-02-17 17:01:59

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

来源

2011-02-17 17:00:25 Capsule

在在MacOS目前的Chrome，它是这样的：

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

来源

2017-08-15 20:49:54 CpnCrunch

Chrome默认按钮样式

回答

相关问题