爲什麼兩個輸入的背景顏色不同？

Question

可以看出，我沒有指定輸入的背景顏色，但一個是灰色的，其他的療法是白色的，爲什麼呢？

<style> 
.baken { 
    border:1px solid #888888; 
    font-family:Trebuchet MS,Helvetica,sans-serif; 
    font-size:130%; 
    font-weight:bold; 
    margin:3px; 
    padding:2px; 
} 

</style> 


<input type="button" class="baken" value="answer your question"/> 

<input type="button" value="hello button"/> 

Answer 1

您應該嘗試使用DOM檢查器來查看它是否從其他地方繼承顏色。

Answer 2

通過按鈕指定一個邊界，它會導致按鈕的默認操作系統特有的風格被刪除，它恢復到一些默認的（這似乎是灰色）

你可以看到這通過從您的班級中刪除border來採取行動。

Answer 3

由於指定border，使瀏覽器使用基本的視覺風格，而不是使用操作系統的主題渲染按鈕本身。刪除border風格，它會看起來像另一個按鈕。

Answer 4

其他的事情，從邊境位要注意這一點，一邊，是一個輸入使用class="baken"定義，另一個則不是。因此，第一個輸入按鈕將使用您在上面定義和顯示的樣式;對方會請使用瀏覽器的默認或者，如果你定義的標籤級input風格，定義的樣式。

如果同時你投入使用的baken類，他們會看起來完全相同除了文本，並基本點擊灰色框與邊界。

如果既沒有使用baken類，它們看起來與文本相同，並且是瀏覽器默認或input標籤定義的默認樣式。