Pseudo-élément ::file-selector-button CSS

Définition et utilisation

CSS ::file-selector-button Les pseudo-éléments sont utilisés pour sélectionner le bouton de type <input type="file">.

Exemple

Exemple 1

Définir le style du bouton <input type="file"> :

::file-selector-button {
  border: 2px solid black;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: lightgreen;
}

Essayez-le vous-même

Exemple 2

Définir le style du bouton <input type="file"> et ajouter un effet au survol :

::file-selector-button {
  border: 2px solid black;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: lightgreen;
}
::file-selector-button:hover {
  background-color: salmon;
  cursor: pointer;
}

Essayez-le vous-même

Syntaxe CSS

::file-selector-button {
  déclarations css;
}

Détails techniques

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cet élément pseudo-classe.

pages associées

Tutoriel :Éléments de pseudo CSS