How do I change the border color in a dropdown selection list?

Question

Is there a way to change this blue dropdown border line to something else?

+3

Joshua leung May 30 '17 at 1:28

2 answers

NPN · Answer 1 · 2017-05-30T02:04:50+0000

@Joshua,

Did you try this

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

Amade · Answer 2 · 2017-08-26T20:53:50+0000

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

(image source - related answer on SO)

You can change the border and outline of the selection box.