::file-selector-button - Sélecteur CSS
Description du pseudo-élément ::file-selector-button.
Le pseudo-élément ::file-selector-button désigne le bouton d'une zone de saisie de type file.
Ces zone de saisie s'obtiennent avec le code HTML suivant <input type="file" id="..." />
Suivant les navigateurs, la restitution peut prendre des formes différentes, mais il y a toujours un bouton et un libellé qui mentionne le nom du fichier choisi.
Internet Explorer |  |
Opéra |  |
Edge |  |
Firefox |  |
Samsung Internet |  |
Il n'est malheureusement pas possible de changer le libellé du bouton en CSS pur. Celui-ci dépend du navigateur et de la langue paramétrée dans le système.
Exemples d'utilisation de ::file-selector-button.
Les styles de l'exemple ci-dessous devraient homogénéiser l'aspect du bouton sur tous les navigateurs.
Compatibilité des navigateurs.
::file-selector-buttonNavigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Androïd Brower
Chrome
Chrome pour Androïd
Edge
Firefox
Firefox pour Androïd
Internet Explorer
Opéra
Opéra Mobile
Safari
Safari sur IOS
Samsung Internet
Voir aussi, dans le même module de standardisation que ::file-selector-button.
Les spécifications CSS éditées par le W3C sont organisées en modules. ::file-selector-button fait partie du Module CSS - Pseudo-éléments (CSS Pseudo-Elements Module ). Les définitions suivantes sont également décrites dans ce même module.