mdn/content

File selector can be styled

Open

#36,090 opened on Sep 28, 2024

View on GitHub
 (1 comment) (1 reaction) (0 assignees)Markdown (22,427 forks)batch import
Content:Learn:Formshelp wanted

Repository metrics

Stars
 (8,900 stars)
PR merge metrics
 (Avg merge 7d 3h) (147 merged PRs in 30d)

Description

MDN URL

https://developer.mozilla.org/en-US/docs/Learn/Forms/Advanced_form_styling

What specific section or headline is this issue about?

File input types

What information was incorrect, unhelpful, or incomplete?

"The only problem with file pickers is that the button provided that you press to open the file picker is completely unstylable — it can't be sized or colored, and it won't even accept a different font."

What did you expect to see?

It is true that the button is unstylable -but there is a pseudoelement, ::file-selector-button, that lets us style it.

Do you have any supporting links, references, or citations?

https://developer.mozilla.org/en-US/docs/Web/CSS/::file-selector-button

Do you have anything more you want to share?

No response

MDN metadata

Contributor guide