::-webkit-file-upload-button
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
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 ::-webkit-file-upload-button
représente le bouton d'un élément <input>
de type file
.
Ce pseudo-élément n'est pas standard et est uniquement pris en charge par les navigateurs basés sur WebKit/Blink.
Syntaxe
selecteur::-webkit-file-upload-button
Exemples
CSS
input,
label {
display: block;
}
input[type="file"]::-webkit-file-upload-button {
border: 1px solid grey;
background: #fffaaa;
}
HTML
<form>
<label for="fileUpload">Uploader un fichier</label><br />
<input type="file" id="fileUpload" />
</form>
Résultat
Spécifications
Ce pseudo-élément est un pseudo-élément propriétaire lié à WebKit/Blink et ne fait partie d'aucune spécification.
Compatibilité des navigateurs
BCD tables only load in the browser