CSS - :-moz-focusring

The :-moz-focusring CSS pseudo-class is similar to the :focus pseudo-class, but it only matches an element if the element is currently focused and a focus ring or other indicator should be drawn for that element. 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 things like the settings of the operating system the user is using, so the precise behavior of this pseudo-class can vary from platform to platform depending on each platforms' particular focus best practices (defaults) or user modified settings.

Example

To specify the appearance of an element when it's focused, you can use this pseudo-selector like this:

mybutton:-moz-focusring {
  outline: 2px dotted;
}

Syntax  

:-moz-focusring

Description  

The :-moz-focusring CSS pseudo-class is similar to the :focus pseudo-class, but it only matches an element if the element is currently focused and a focus ring or other indicator should be drawn for that element. 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 things like the settings of the operating system the user is using, so the precise behavior of this pseudo-class can vary from platform to platform depending on each platforms' particular focus best practices (defaults) or user modified settings.

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 ? ? ? ? ? ?

See Also  

Specifications  

This feature is not defined in any specification yet, though it was discussed in the working group and it was concluded to add it to Selectors 4 or 5.

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/:-moz-focusring