如何为可访问性目的设计焦点大纲

Question

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

我是否需要定位所有可能可聚焦的元素？喜欢

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

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

我已经尝试寻找答案，我所能找到的只是大纲不能是none，但除此之外，我没有找到任何其他东西。

Answer 1

去吧

:focus { outline: 1px solid white; } 

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

顺便说一句，这是

的缩写

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