Question

我使用的是默认的HTML按钮样式（不允许使用bootstrap或其他套件）。当我使用默认字体大小时，按钮看起来很好用。但是，当我将字体大小更改为30px时，按钮会变得更暗，丢失其圆边，并且在单击时表现出美观上的不悦。

为什么更改字体大小会破坏HMTL默认样式，并且有没有办法解决这个问题而无需从头开始重建按钮样式？顺便说一句，我必须开发铬。

由于

编辑：我正在做的就是更改默认按钮的字体大小。

HTML

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

CSS

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

这是我更改字体大小时的区别

Answer 1

在Windows上的Chrome中看起来很好（参见下面的示例）。确保您没有将任何其他样式应用于按钮。

＆＃13;

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

＆＃13;

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

＆＃13;