Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

Tags:

css

enter image description here

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

like image 263
Joshua Leung Avatar asked May 30 '17 01:05

Joshua Leung


People also ask

How do I change the selected border color in HTML?

Definition and Usage Two values, like: p {border-color: red transparent} - top and bottom border will be red, left and right border will be transparent. Three values, like: p {border-color: red green blue}- top border will be red, left and right border will be green, bottom border will be blue.

How do I add a border to a selection option?

Just add a container around all your select s and add a border to it.

How do I change the color of a selection in dropdown CSS?

To change the selected option color in CSS, we use the :checked pseudo-class selector. The :checked selector targets only the selected option of a dropdown.


1 Answers

@Joshua,

Did you try this

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

Find it here

like image 112
NPN Avatar answered Oct 04 '22 23:10

NPN