Chrome 中的复选框突出显示

Question

我喜欢使用键盘在 Web 浏览器中浏览表单，但 Chrome 让这变得非常困难。通常，当您按 Tab 键选择下一个表单项时，会有一个虚线矩形或类似的东西突出显示它，这样您就知道您正在编辑哪个项。Chrome 并非在所有网站上都一致地这样做。有没有办法强制突出显示复选框？

Answer 1

您可以使用以下插件时髦的将自己的 CSS 规则添加到网页 - 为每个网页创建一个 CSS 规则，并使其执行以下操作

*:focus{outline:2px solid blue!important;}

强制将其应用于:focus元素。您可以随意设置其样式。outline是 chrome 自然应用的 css 元素，因此这将阻止您重复设置已存在的网页样式。!important使其覆盖:focus元素上的任何先前的 CSS 声明。