::-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
BCD tables only load in the browser
Voir aussi
- Les extensions CSS spécifiques à Mozilla
-moz-user-focus
- Les sélecteurs CSS associés