Css chrome问题:焦点可见?(在普通鼠标焦点上显示焦点可见样式)

Css chrome问题:焦点可见?(在普通鼠标焦点上显示焦点可见样式),css,google-chrome,focus,accessibility,focus-visible,Css,Google Chrome,Focus,Accessibility,Focus Visible,根据上的示例(在“基本示例”下),用鼠标单击带有占位符“:focus visible only”的输入不应显示橙色轮廓样式,但确实如此。 Caniuse.com告诉我,我的chrome版本支持:焦点可见 有什么提示吗?浏览器制造商可以自由选择自己的标准来匹配:focus visible,而不仅仅是常规的:focus,但规范确实建议将几个建议作为起点,包括: 任何支持键盘输入的元素(如输入元素…)在对焦时应始终匹配:焦点可见 对我来说,这意味着所有输入元素都应该始终匹配:focus visible

根据上的示例(在“基本示例”下),用鼠标单击带有占位符“:focus visible only”的输入不应显示橙色轮廓样式,但确实如此。 Caniuse.com告诉我,我的chrome版本支持:焦点可见

有什么提示吗?

浏览器制造商可以自由选择自己的标准来匹配
:focus visible
,而不仅仅是常规的
:focus
,但规范确实建议将几个建议作为起点,包括:

任何支持键盘输入的元素(如输入元素…)在对焦时应始终匹配
:焦点可见

对我来说,这意味着所有输入元素都应该始终匹配
:focus visible

在您引用的示例中,您会注意到按钮的行为与预期的一样。如果用鼠标单击按钮,则该按钮与
:focus visible
不匹配,但如果用键盘导航选择该按钮,则会匹配