How can I remove the select option black border in Chrome?

Viewed 793

In the latest version of chrome(version:83), it is getting a black border in the select option. Is there any ways to fix it? I fixed the out-line issues of text box and buttons using the following styles

*,*:focus,*:hover{
outline:none !important;

}

I checked the issue How do I remove the select option black border in Chrome? and it says the issue was due to the chrome update. Can we fix it using css?

1 Answers

I've tried my hardest in fixing the problem. The newest Chrome update has "upgraded" form handling in the browser. My suggestion was to add outline: none;, but that only works on <input />, <textarea> and <button> elements. As seen everywhere, there is something about disabling a flag, but if you want your site to go out to the public (webserver), this won't work, as disabling that flag only disables it on your computer. I really hope that Google fixes this issue, but they don't seem to notice the number of people complaining about this.

Related