::-moz-focus-inner

Non standard: Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

Le pseudo-élément CSS ::-moz-focus-inner est une extension spécifique à Mozilla qui représente le contour interne pour le focus sur les éléments <button>, <input type="button">, <input type="submit">, <input type="reset">, et <input type="color">.

Note : Utiliser ::-moz-focus-inner sur un autre élément que les types de boutons pris en charge n'aura aucun effet.

Syntaxe

::-moz-focus-inner

Exemple

HTML

<input type="submit" value="Input"/>
<button type="submit">Bouton</button>

CSS

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: 2px dotted red;
}

Résultat

Spécifications

Il s'agit d'un pseudo-élément spécifique, qui n'est spécifié dans aucun standard.

Compatibilité des navigateurs

No compatibility data found for css.selectors.-moz-focus-inner.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.

Voir aussi