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

by Dev   Last Updated June 02, 2020 11:26 AM

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?



Answers 1


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.

Jason D'Silva
Jason D'Silva
June 02, 2020 11:24 AM

Related Questions




Trying to disable extension from web page

Updated April 21, 2018 07:26 AM