Versions tested on 11/04/2024

Firefox 132.0.1
Chrome 130.0.6723.92
Edge 130.0.2849.68

Notice the difference between browsers


Focus/styling works on Firefox but not Chrome and Edge with ::file-selector-button


Nothing happens when viewing in Firefox but looks better in Chrome and Edge

It's hidding the input button and adding some :before content, "Select some files", to change the text