::-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

css
selecteur::-webkit-file-upload-button

Exemples

CSS

css
input,
label {
  display: block;
}

input[type="file"]::-webkit-file-upload-button {
  border: 1px solid grey;
  background: #fffaaa;
}

HTML

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