У меня другое поведение кнопки HTML, просто добавив простой цвет фона (например, это может быть радиус границы).
<button>Button with no style</button>
<button style="background-color: pink">Button with background-color</button>
Прежде всего кажется при установке какого-либо стиля для кнопки браузер меняет некоторые встроенные стили / поведение, я вижу их так в последней версии Chrome 83:
Итак, есть не только цвет фона, но и граница, но есть кое-что еще с поведением контура.
Кнопку слева можно сфокусировать с помощью клавиши TAB (появляется контур), но если кнопка не в фокусе и она нажата, контур не отображается.
Вместо этого, если нажать кнопку справа, контур появляется и сохраняет его.
Есть ли у вас есть ли упоминания об этом поведении?
Я бы хотел иметь такое же поведение левой кнопки, чтобы кнопка могла фокусироваться с помощью клавиатуры и отображался контур, но когда я нажимаю на нее (а это не фокус) я не хочу контур должен отображаться и оставаться видимым.
<button>Button with no style</button>
<button style="background-color: pink">Button with background-color</button>