Почему изменение размера шрифта испортило стиль HTML по умолчанию?

Question

Я использую стиль HTML по умолчанию (не разрешается использовать загрузчик или другие наборы). Когда я использую размер шрифта по умолчанию, кнопка выглядит и действует красиво. Однако, когда я меняю размер шрифта на 30 пикселей, кнопка становится темнее, теряет круглые края и ведет себя эстетически неприятно при нажатии.

Почему изменение размера шрифта испортит стильный стиль HMTL по умолчанию, и есть ли способ обойти это без переустановки стиля кнопки с нуля? Кстати, я должен развиваться в хроме.

Благодаря

Edit: все, что я делаю, изменение размера шрифта кнопки по умолчанию.

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>