How to remove frame of the selected/active select?

How to remove that frame in the select when click on it?

5e97173b2a0d6004422828.png

Tried:

select,select:focus,select:active,option,option:focus,option:active {
outline:none;
}


But none of this helps. How to do it?
April 19th 20 at 12:09
1 answer
April 19th 20 at 12:11
Solution
The usual ways it does not change.

But it can be done using JS or Jquery. Ready-made solutions sufficient. Or write your script that will create a custom select. For example in vanilla JS without any extra dependencies:



To style as you like. Works easily adding animations, additional design elements, changing any settings.

Find more questions by tags JavaScriptCSS