如何为可访问性目的设置焦点轮廓样式

Question

我正在尝试设置焦点时的字段轮廓样式，因为我当前的轮廓很难看清。我知道一些 html 元素默认是可聚焦的，所以我不太确定要附加大纲样式的元素。

我是否需要针对所有潜在的可聚焦元素？喜欢

a:focus, button:focus {outline: 1px solid white; } 

（包括所有其他元素）？这似乎不是正确的方法。

我试过寻找答案，我能找到的只是大纲一定不能，none但除此之外，我还没有找到其他任何东西。

Answer 1

去吧

:focus { outline: 1px solid white; } 

以所有可聚焦元素为目标。无需明确指定这些元素。

顺便说一句，这是缩写

*:focus { outline: 1px solid white; }