如果只添加了一个样式，html按钮焦点/轮廓的行为会有所不同，至少在Chrome83中是这样

我正在体验一种不同的HTML按钮行为，只需添加一个简单的背景色（例如，它可能是一个边界半径）

按钮没有样式
带背景色的按钮

首先，似乎将一些样式设置为按钮，浏览器会改变一些内置样式/行为，我在最新的Chrome 83中看到它们是这样的：

因此，不仅有背景色，还有边框，还有其他一些与轮廓行为有关的东西

左边的按钮可以通过TAB键聚焦（显示轮廓），但是如果按钮不是焦点并且被单击，则轮廓不会显示

相反，如果单击右侧的按钮，则会显示轮廓并保留它

你有关于这种行为的证据吗

我希望左按钮的行为与左按钮相同，这样按钮可以通过键盘聚焦，并且显示轮廓，但是当我单击它时（它不是焦点），我不希望轮廓显示并保持可见

按钮没有样式
带有背景色的按钮

这一切都来自Chrome 83对WCAG/accessibility的更新。只需使用您自己的样式覆盖用户代理样式。我无法重新创建您描述的问题。两个按钮的工作方式相同。您是否在Chrome匿名模式下测试过此功能，以排除来自扩展的干扰？W10 Firefox（77+）中的相同行为。但是，与其找出和预测浏览器之间的所有行为差异，不如创建自己的按钮（即使它看起来像默认按钮）。这样，您就可以控制布局，而不是供应商……正如我所知，在按下按钮（没有javascript）后，我无法控制移除焦点（或者更好地移除轮廓）。Chrome83中新版本的按钮做到了这一点：按钮可以通过选项卡聚焦，但如果单击它，轮廓就会隐藏。我想说明书上说按下按钮后应该保持焦点，但我想隐藏轮廓。我不能完全远程大纲，因为我想看到它时，按钮是焦点与标签。。。与Chrome83中的新版本完全相同（按钮位于左侧），这一切都来自Chrome83对WCAG/accessibility的更新。只需使用您自己的样式覆盖用户代理样式。我无法重新创建您描述的问题。两个按钮的工作方式相同。您是否在Chrome匿名模式下测试过此功能，以排除来自扩展的干扰？W10 Firefox（77+）中的相同行为。但是，与其找出和预测浏览器之间的所有行为差异，不如创建自己的按钮（即使它看起来像默认按钮）。这样，您就可以控制布局，而不是供应商……正如我所知，在按下按钮（没有javascript）后，我无法控制移除焦点（或者更好地移除轮廓）。Chrome83中新版本的按钮做到了这一点：按钮可以通过选项卡聚焦，但如果单击它，轮廓就会隐藏。我想说明书上说按下按钮后应该保持焦点，但我想隐藏轮廓。我不能完全远程大纲，因为我想看到它时，按钮是焦点与标签。。。与Chrome 83中的新版本完全相同（按钮位于左侧）

<button>Button with no style</button>
<button style="background-color: pink">Button with background-color</button>