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

时间:2016-02-24 19:49:32

标签: javascript html css css3 focus

我想要css reset之类的内容,但只适用于:focus。如果还没有这个,那么最好知道要重置(覆盖)的可能属性,以便创建将覆盖先前的:focus(由网站css设置)。例如,对于某些浏览器中的某些特定元素,z-index可能会对:focus产生影响。因此,:focus应该包含z-index一些巨大的数字,为了工作,它也应该包含position。也许这是错误的例子,但我认为你有这个想法。

1 个答案:

答案 0 :(得分:2)

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

也就是说,有一些元素倾向于获得默认样式:焦点在浏览器中 - 输入,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设置完成什么,但你可以像上面那样处理它。