How to remove default styling of IE/Edge opened select box

Question

I have this select, and whenever I'm running it in IE/Edge, there is a thick black border surrounding the opened list of options.

Opened select in Edge:

In Chrome, this does not happen:

Is there a way to override that thick border in IE/Edge? I'd like to have it have a similar border to the one in Chrome.

<select>
 <option>Apple</option>
 <option>Ball</option>
 <option>Cat</option>
</select>

Possible duplicate of [How to remove border of drop down list : CSS](https://stackoverflow.com/questions/14639638/how-to-remove-border-of-drop-down-list-css) — Jayakrishnan, Sep 05 '18 at 13:20

score 3 · Accepted Answer · answered Sep 05 '18 at 13:14

There is no way to change styles of the generic dropdown in any browser.

But with Javascript, you can replace the default dropdown form elements and completely change them.

Or you can use a ready-made dropdown plugin like these.

1 Answers1