javascript - 用 css 覆盖默认焦点或重置它

Question

我想要类似 css reset 的东西，但只针对 :focus。如果还没有这些，最好知道要重置(覆盖)的可能属性，以便制作新的 :focus 来覆盖以前的属性(由网站 css 设置)。例如，z-index 可能会影响某些浏览器中某些特定元素的 :focus。所以 :focus 应该包括一些巨大的 z-index 并且为了工作它也应该包括 position 。也许这是错误的例子，但我认为你明白了。

Answer 1

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

也就是说，有些元素倾向于在浏览器中获得 :focus 的默认样式 - 输入，a。有一些很棒的信息here关于潜在的修复，例如:

/* put universal focus changes here */
*:focus {
  outline: none;
}

/* put anchor focus changes here */
a:focus {
  ...
}

/* put input focus changes here */
input:focus {
  ...
}

我不确定你想用 z-index 设置完成什么，但你可以像上面那样处理它。