How to change the border color of the dropdown box of select?

Question

Is there any way to change that blue border line of the dropdown box to something else?

score 3 · Answer 1 · answered May 30 '17 at 02:04

3

@Joshua,

Did you try this

.input:focus {
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #719ECE;
}

answered May 30 '17 at 02:04

NPN

2

That only applies to the select itself, not the dropdown. – Andrew Magill Mar 30 '19 at 00:57

score 2 · Answer 2 · answered Aug 26 '17 at 20:53

2

According to this answer it cannot be changed with CSS, as it is rendered by the operating system:

(source of the picture is the linked answer on SO)

You can only change the border and the outline of the select box itself.

answered Aug 26 '17 at 20:53

Amade

2 Answers2