::file-selector-button

Pièce de résistance

Lange Zeit war es unmöglich, den (chronisch zu) kleinen Button zum Öffnen des Dateiwahlfensters ohne Hack zu stylen. In modernen Browser geht das nun endlich.

Tipp:

Für eine möglichst breite Browser-Unterstützung schreibst du den ganzen CSS-Kanon
input[type="file"]::file-selector-button
statt nur
input::file-selector-button

mdn web docs: ::file-selector-button

Datei wählen:

Upload