Is there any way to change that blue border line of the dropdown box to something else?
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.
Just add a container around all your select s and add a border to it.
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.
@Joshua,
Did you try this
.input:focus {
outline: none !important;
border:1px solid red;
box-shadow: 0 0 10px #719ECE;
}
Find it here
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With