::-moz-focus-inner - CSS: Cascading Style Sheets 编辑

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.

See also

• Mozilla CSS extensions
• Related CSS properties:
  • -moz-user-focus
• Related CSS selectors:
  • :-moz-focusring
  • :focus
  • :focus-visible
  • :focus-within