How to hide the border and background from select options?
I have tried border: none; and outline: none;
Doesn't work.
Image:
And this same question: How to remove border of drop down list : CSS
Doesn't work for me
Asked
Active
Viewed 7,362 times
3
Abd Hannan
- 153
- 1
- 2
- 11
-
1Possible 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) – JasonB Jan 05 '18 at 14:35
-
Doesn't work for me – Abd Hannan Jan 05 '18 at 14:37
-
tried addin !important at last? border:none !important;. show your option code – Asim Jan 05 '18 at 14:50
-
Code is pretty irrelevant here. You're fighting against the browser. Try javascript libraries like jQuery UI, Selectize, Select2, Select3, ... – JasonB Jan 05 '18 at 14:58
-
I have tried all options and !important, but doesn't work. – Abd Hannan Jan 05 '18 at 15:01
2 Answers
1
I tried tinkering with my select options and upon inspection it looks like a browser concern. Browsers have a default css stylesheet, like user agent stylesheet seen in the image. You can't make changes in the console to these styles. I do believe it is possible to override these stylesheets though depending on your browser. Here is a post about overriding user agent stylesheets. Hope this helps!
Matt Croak
- 2,788
- 2
- 17
- 35