爲什麼更改字體大小會混淆默認的HTML按鈕樣式？

Question

我使用默認的HTML按鈕樣式（不允許使用引導程序或其他套件）。當我使用默認的字體大小時，按鈕看起來很不錯。但是，當我將字體大小更改爲30像素時，按鈕變得更暗，失去圓邊，並在點擊時表現出令人不愉快的美感。

爲什麼更改字體大小弄亂了HMTL的默認樣式，有沒有什麼辦法解決這個問題，而不需要從頭開始重建按鈕樣式？順便說一下，我必須在鉻合金上發展。

謝謝

編輯：我正在做的是改變默認按鈕的字體大小。

HTML

<button id='my-button'>Hello</button> 

CSS

#my-button { 
    font-size: 30px; 
} 

這是當我改變字體大小

Answer 1

在Chrome看起來很好Windows上的差異（見下例）。確保你沒有任何其他樣式應用於你的按鈕。

button:nth-child(2) { 
 
    font-size: 30px; 
 
}

<button>Test</button> 
 
<button>Test</button>