使用 CSS 覆盖默认焦点或重置它

override default focus with css or reseting it

本文关键字：焦点 CSS 覆盖 默认 使用      更新时间：2023-09-26

我想要类似css reset的东西，但仅适用于:focus。如果还没有这些，最好知道重置（覆盖）的可能属性，以便制作新的:focus来覆盖以前的属性（由网站 css 设置）。例如，z-index可能会影响某些浏览器中某些特定元素的:focus。因此，:focus应该包括具有大量数量的z-index，并且为了工作，它也应该包括position。也许这是错误的例子，但我想你在这里得到了这个想法。

您可能希望发布一些代码，其中包含您在 jsfiddle 或问题中遇到的问题的一些示例。

也就是说，有一些元素倾向于在浏览器中获得 ：focus 的默认样式 - input， a。 这里有一些关于潜在修复的重要信息，例如：

/* put universal focus changes here */
*:focus {
  outline: none;
}
/* put anchor focus changes here */
a:focus {
  ...
}
/* put input focus changes here */
input:focus {
  ...
}

我不确定您要使用 z-index 设置完成什么，但您可以像上面一样处理它。

相关文章：