フォントサイズを変更すると、デフォルトのHTMLボタンのスタイルが乱れるのはなぜですか？

Question

私は、デフォルトのHTMLボタンスタイリング（ブートストラップや他のキットを使用することはできません）を使用しています。デフォルトのフォントサイズを使用すると、ボタンが見た目になり、うまく動作します。しかし、フォントサイズを30pxに変更すると、ボタンが暗くなり、丸いエッジが失われ、クリックすると美的に不快になります。

フォントサイズを変更するとHMTLのデフォルトのスタイルが乱れるのはなぜですか？また、ボタンのスタイリングを根本から再構築することなく、フォントのサイズを変更するとHMTLのデフォルトのスタイルが乱れるのはなぜですか？私は途中でクロムで開発しなければなりません。

おかげ

編集：私はやっているすべては、デフォルトボタンのフォントサイズを変更しています。

HTML

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

CSS

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

そして、これは私が

Answer 1

は、Windows上でChromeで正常に見えるフォントサイズを変更差があるが（以下の例を参照）。あなたのボタンに他のスタイルが適用されていないことを確認してください。

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

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