::-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
must be provided
Spécifications
Il s'agit d'un pseudo-élément spécifique, qui n'est spécifié dans aucun standard.
Compatibilité des navigateurs
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
::-moz-focus-inner |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
- Non-standard. Check cross-browser support before using.
Voir aussi
- Les extensions CSS spécifiques à Mozilla
-moz-user-focus
- Les sélecteurs CSS associés