Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The :-moz-focusring
CSS pseudo-class is a Mozilla extension that is similar to the :focus
pseudo-class, but it only matches an element if it's currently focused and a focus ring or other indicator should be drawn around it.
If :-moz-focusring
matches, then :focus
also matches, but the converse is not always true: it depends on whether the user agent has focus ring drawing enabled and how the element was focused. Whether the user agent has focus ring drawing enabled can depend on operating system settings and other factors, so the precise behavior of this pseudo-class will vary from platform to platform.
Syntax
:-moz-focusring
Example
HTML
<input />
CSS
input { margin: 5px; } :-moz-focusring { color: red; outline: 2px dotted green; }
Result
Specifications
This feature is not defined in any specification yet, though it was discussed in the working group and it was decided to add it to Selectors 4 or 5.
Browser compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | ? | 4.0 (2) | ? | ? | ? |
Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | ? | ? | ? | ? | ? | ? |