我在Chrome上看到有关标准HTML按钮的奇怪行为。单击时，标准按钮不会添加轮廓;只能通过键盘进行聚焦。
<button type="button">Works as expects</button>
只要添加带有border-radius的样式，按钮就会在单击时显示轮廓。
<button type="button" style="border-radius: 5px;">Focus on click</button>
有谁知道这个按钮的行为是什么？如何确保仅使用border-radius？键盘导航添加轮廓？
答案 0 :(得分：1)
针对问题的第一部分： 如果右键单击圆形按钮，单击“检查”，然后单击“计算”选项卡，则可以看到通过添加样式，它已覆盖了平台本机样式：
-webkit-appearance: button;
已更改为：
-webkit-appearance: none;
该按钮的背景色更改（当您按住单击时）也丢失了。