CODEWITHSUNDEEP
css
Joshua Leung
Joshua Leung

Reputation: 2399

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

enter image description here

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

Upvotes: 11

Views: 25276

Answers (2)

Amade
Amade

Reputation: 4008

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

enter image description here

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

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

Upvotes: 2

NPN
NPN

Reputation: 227

@Joshua,

Did you try this

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

Find it here

Upvotes: 3

Related Questions