Yes, I can reproduce that too, and itOkay. Got more on the bottom of this. The source of the issue is becausethat SE already changes the UI (unlike as my previous answer) of the file button by using a shadow input type="file"
vs. button
HTML element usedin the background.
The styling of the button of an input type="file"browse
button is very hard and can only be accomplished by hacking the style in using a label
, or similar solutions. (See this related question on SO: Cross-browser custom styling for file upload button)
<input class="button" type="button" name="choose-file" id="choose-file" value="browse…" style="width: 7em; margin-left: 5px;">
SE either has to hack their way around this 'bug' or keepThis should have been:
<button class="button" type="button" name="choose-file" id="choose-file" value="browse…" style="width: 7em; margin-left: 5px;">
Then it as is losingshows the style, but keeping it working. I am not sure what's more importanthover.