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