1. Web
  2. CSS
  3. Référence
  4. Sélecteurs
  5. ::-moz-focus-inner

Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Pseudo-élément CSS ::-moz-focus-inner

Obsolète

Évitez d'utiliser cette fonctionnalité dans de nouveaux projets. Cette fonctionnalité peut être candidate à la suppression des standards web ou des navigateurs.

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 de Mozilla qui représente le contour interne pour le focus sur l'élément HTML <button> ainsi que les boutons button, submit, reset et color de l'élément <input>.

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

Syntaxe

css
::-moz-focus-inner {
  /* ... */
}

Exemple

HTML

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

CSS

css
button::-moz-focus-inner,
input[type="color"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="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

Ce pseudo-élément ne fait partie d'aucun standard.

Voir aussi

Aider à améliorer MDN

Apprendre à contribuer

Cette page a été modifiée le par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu