::-moz-focus-inner

Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.

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

Voir aussi