Custom Select Border and Custom File Browser when active or focus not displaying properly

[jonnysp]

only the normal
the validation variant works

testet on FF and Chrome win 10

[mdo]

Hmm, to do this right, we need -webkit-appearance: none on the <select>s... might have to merge custom select and this one after all. Let me think about it for a bit.

[jonnysp]

not that we talk past each other . I mean the thick border on focus, around the the custom select!
On validation it works but not on standard focus.

[mdo]

@jonnysp I fixed the thick dark border on focus of the custom file input in #24699. Custom selects are also good to go with the changes in that PR. However, there is a problem with regular <select>s where, given browser default styles, we need to make additional changes for focus styles to be applied there via box-shadow. You cannot style the shadows without resetting so much more for these macOS based browsers.

[jonnysp]

@mdo the border is again different in version 4

[victorwpbastos]

Same here