select dropdown in focused state has blue border. How to remove

Question

I have a select dropdown, with custom styling. It does not have a border, but when it is focused, it gets this green/blue border. Anyone know how to get rid of it?

use select:focus{ outline:none !important; } – Araz Shamsaddinlouy Mar 15 '17 at 18:17 — Araz Shamsaddinlouy, Mar 15 '17 at 18:17
`select:focus {outline: 0;}` Thats all you need – Mr. Alien Mar 15 '17 at 18:17 — Mr. Alien, Mar 15 '17 at 18:17

score 0 · Accepted Answer · answered Mar 15 '17 at 18:19

0

As @Araz and @Mr. Alien said, select:focus {outline: 0;} worked. Thank you

answered Mar 15 '17 at 18:19

IWI

1,528
4
27
47

1

Don't use `!important`, it is not required, and you'll end up in messy CSS later. – Mr. Alien Mar 15 '17 at 18:20

select dropdown in focused state has blue border. How to remove

1 Answers1