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-focus-inner
CSS pseudo-element is a Mozilla extension that represents an inner focus ring of the <button>
element as well as the button, submit, reset, and color types of the <input>
element.
Note: Using ::-moz-focus-inner
with anything than the buttons that support it doesn't match anything and has no effect.
Syntax
Syntax not found in DB!
Examples
HTML
<input type="submit" value="Input"/> <button type="submit">Button</button>
CSS
button::-moz-focus-inner, input[type="color"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { padding-block-start: 0px; padding-inline-end: 2px; padding-block-end: 0px; padding-inline-start: 2px; border: 1px dotted red; }
Result
Specifications
Not part of any standard.
Browser compatibility
No compatibility data found. Please contribute data for "css.selectors.-moz-focus-inner" (depth: 1) to the MDN compatibility data repository.
See also
- Mozilla CSS extensions
- Related CSS properties:
- Related CSS selectors: