如何从 Firefox 中删除聚焦环,主要 window 的正确选择器是什么?
How to remove focus rings from Firefox, what is the correct selector for the main window?
编辑: 聚焦环是由 Grab And Drag plugin 引起的。请参阅下面的修复答案。
每当我点击网页正文的任何部分时,Firefox (Pale Moon 27.2.1) 都会在浏览器周围放置焦点环 window(请参见屏幕截图)。它在每个网页上都这样做。
多年来,这个问题已被问过一百万次,但似乎 none 的旧解决方案不再有效。参见 here and here。
我可以告诉你一些行得通和行不通的事情:
"wildcard" 选择器使用以下声明删除焦点环,但显然会破坏所有网站:
* {
/* WORKS */
color: transparent !important;
text-shadow: 0 0 0 #000 !important;
/* ALSO WORKS */
border: 1px solid white !important;
outline: 2px solid white !important;
outline-offset: -1px !important;
}
这些选择器不起作用:
:focus
::-moz-focus-inner
:-moz-focusring
:active
:focus
::-moz-focus-outer
这些声明不起作用:
border: 0 !important;
border: none !important;
outline: 0 !important;
outline: none !important;
-moz-outline-style: /* NOPE */;
截图:
我正在使用 Stylish 为所有符合上述规则的网页设置样式 (@-moz-document url-prefix( "http://" ), url-prefix( "https://")
)。我还使用了另一个时尚的规则集,它看起来像这样并且适用于其他一切:
:active, :focus, ::-moz-focus-inner {
outline: 0 !important;
}
a:link, a:visited, a:hover, a:active {
outline: 0 !important;
}
radio * {
border-width: 0 1px 0 0 !important;
border-style: dotted !important;
border-color: transparent !important;
}
虽然我仍然想知道 Firefox 是什么,但这样做确实有效 "coloring?"
编辑: 聚焦环是由 Grab And Drag addon >= v.3.2.* 引起的。对我来说,解决方法是使用 Grab And Drag v.3.1.9.1,当点击并拖动网页主体时,它不会在网页主体上显示任何聚焦环。
@-moz-document regexp( "https?://.*" ) {
html {
/**
* Remove focus rings that appear on the perimeter of the web page
* body when placing cursor in any form field input, then clicking
* anywhere in the body.
*
* This css rule breaks a lot of websites!
*
* - Works on html tag, but not body tag.
* - Does not work with "outline: 0 !important;" or
* "border: 0 !important;"
* - This declaration is not necessary:
* "text-shadow: 0 0 0 #000 !important;"
*/
color: transparent !important;
}
}
编辑: 聚焦环是由 Grab And Drag plugin 引起的。请参阅下面的修复答案。
每当我点击网页正文的任何部分时,Firefox (Pale Moon 27.2.1) 都会在浏览器周围放置焦点环 window(请参见屏幕截图)。它在每个网页上都这样做。
多年来,这个问题已被问过一百万次,但似乎 none 的旧解决方案不再有效。参见 here and here。
我可以告诉你一些行得通和行不通的事情:
"wildcard" 选择器使用以下声明删除焦点环,但显然会破坏所有网站:
* {
/* WORKS */
color: transparent !important;
text-shadow: 0 0 0 #000 !important;
/* ALSO WORKS */
border: 1px solid white !important;
outline: 2px solid white !important;
outline-offset: -1px !important;
}
这些选择器不起作用:
:focus
::-moz-focus-inner
:-moz-focusring
:active
:focus
::-moz-focus-outer
这些声明不起作用:
border: 0 !important;
border: none !important;
outline: 0 !important;
outline: none !important;
-moz-outline-style: /* NOPE */;
截图:
我正在使用 Stylish 为所有符合上述规则的网页设置样式 (@-moz-document url-prefix( "http://" ), url-prefix( "https://")
)。我还使用了另一个时尚的规则集,它看起来像这样并且适用于其他一切:
:active, :focus, ::-moz-focus-inner {
outline: 0 !important;
}
a:link, a:visited, a:hover, a:active {
outline: 0 !important;
}
radio * {
border-width: 0 1px 0 0 !important;
border-style: dotted !important;
border-color: transparent !important;
}
虽然我仍然想知道 Firefox 是什么,但这样做确实有效 "coloring?"
编辑: 聚焦环是由 Grab And Drag addon >= v.3.2.* 引起的。对我来说,解决方法是使用 Grab And Drag v.3.1.9.1,当点击并拖动网页主体时,它不会在网页主体上显示任何聚焦环。
@-moz-document regexp( "https?://.*" ) {
html {
/**
* Remove focus rings that appear on the perimeter of the web page
* body when placing cursor in any form field input, then clicking
* anywhere in the body.
*
* This css rule breaks a lot of websites!
*
* - Works on html tag, but not body tag.
* - Does not work with "outline: 0 !important;" or
* "border: 0 !important;"
* - This declaration is not necessary:
* "text-shadow: 0 0 0 #000 !important;"
*/
color: transparent !important;
}
}