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 

但是，如果你從字面上想要的規則本身呈現一個按鈕，以使在其他瀏覽器相同的按鈕，我認爲這是不可能的：瀏覽器的用戶界面或底層操作系統將呈現默認按鈕。在我的Windows 7，默認按鈕看起來是這樣的：

這種風格，因爲據我所知，是不是在CSS規則。你將不得不使用背景圖像，邊框，圓角等來重建它。如果你不介意使用jQuery，像jQuery UI這樣的庫爲此提供了誘人簡單的解決方案。

Answer 2

你希望他們...視覺上？如果是這樣，檢查元素並查看計算的樣式。

Answer 3

在在MacOS目前的Chrome，它是這樣的：

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