![Styling HTML file input button with Pure CSS (without losing the file name text) | by Preetish HS | Medium Styling HTML file input button with Pure CSS (without losing the file name text) | by Preetish HS | Medium](https://miro.medium.com/v2/resize:fit:1101/1*7vv1_TRzAlSDhI6M2WVgWw.jpeg)
Styling HTML file input button with Pure CSS (without losing the file name text) | by Preetish HS | Medium
![Try to create a read-only Button component (e.g. for styling `input[type=" file"]`) instead of reusing its CSS · Issue #5623 · mozilla/addons-frontend · GitHub Try to create a read-only Button component (e.g. for styling `input[type=" file"]`) instead of reusing its CSS · Issue #5623 · mozilla/addons-frontend · GitHub](https://user-images.githubusercontent.com/31961530/43187878-6466c54a-8ffb-11e8-95c6-55f5dad26ea4.png)
Try to create a read-only Button component (e.g. for styling `input[type=" file"]`) instead of reusing its CSS · Issue #5623 · mozilla/addons-frontend · GitHub
![Sara Soueidan on X: "How did I only just learn about the CSS `::file -selector-button` pseudo-element?? https://t.co/xZMOiTnnZo It represents the button of an <input type=“file”> and thus makes styling it possible using just Sara Soueidan on X: "How did I only just learn about the CSS `::file -selector-button` pseudo-element?? https://t.co/xZMOiTnnZo It represents the button of an <input type=“file”> and thus makes styling it possible using just](https://pbs.twimg.com/media/Fo6FkNiWIAE3J1d.jpg:large)
Sara Soueidan on X: "How did I only just learn about the CSS `::file -selector-button` pseudo-element?? https://t.co/xZMOiTnnZo It represents the button of an <input type=“file”> and thus makes styling it possible using just
![Styling an input type="file" (text next to the button, not the button itself) using css - Stack Overflow Styling an input type="file" (text next to the button, not the button itself) using css - Stack Overflow](https://i.stack.imgur.com/tWSpj.png)