如何删除 Firefox 89+ (Proton) 中 checkboxes/radio 按钮周围的焦点可见样式?
How to remove the focus-visible styles around checkboxes/radio buttons in Firefox 89+ (Proton)?
与此几乎相同的问题:
但是:
使用键盘导航表单(使用 TAB
键)仍然会在 checkboxes/radio 按钮周围显示相同的样式。
这些样式应该是 :focus-visible
样式,但以下不会删除它们:
[type="checkbox"]:focus-visible,
[type="radio"]:focus-visible {
outline: 0;
}
我还尝试删除任何 box-shadow
、border
和所有 !important
。
运气不好。
是否有 CSS 解决方案来删除围绕键盘聚焦 checkboxes/radio 按钮的这些新 Firefox 样式?
这似乎已经修复。在 Firefox 92 中,以下 CSS 再次按预期删除了 checkboxes/radio 按钮周围的焦点可见样式:
:focus {
outline: 0;
}
与此几乎相同的问题:
但是:
使用键盘导航表单(使用 TAB
键)仍然会在 checkboxes/radio 按钮周围显示相同的样式。
这些样式应该是 :focus-visible
样式,但以下不会删除它们:
[type="checkbox"]:focus-visible,
[type="radio"]:focus-visible {
outline: 0;
}
我还尝试删除任何 box-shadow
、border
和所有 !important
。
运气不好。
是否有 CSS 解决方案来删除围绕键盘聚焦 checkboxes/radio 按钮的这些新 Firefox 样式?
这似乎已经修复。在 Firefox 92 中,以下 CSS 再次按预期删除了 checkboxes/radio 按钮周围的焦点可见样式:
:focus {
outline: 0;
}