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

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

CSS

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

BCD tables only load in the browser

Voir aussi