CODEWITHSUNDEEP
jqueryhtmlcss
user3882672
user3882672

Reputation: 135

How to remove option blue border color of select box

I want to do is if i click the select box and the dropdown list show the blue border-color of the dropdown list will be remove.

testing link: http://jsfiddle.net/5kcsn/316/

script:

$("input, select, textarea, form, button").css("outline", "none");
$("input, select, textarea, form, button").css("box-shadow", "none");

css:

option{
  border-color: #ccc;  
  box-shadow:  #ccc;
  border: 1px solid #ccc;
  outline:none; 
}

Upvotes: 3

Views: 19979

Answers (3)

Rita Mehra
Rita Mehra

Reputation: 11

option:focus, option:active {
 box-shadow: none !important;
 outline: none;
}

Upvotes: 1

Ani
Ani

Reputation: 4523

Do this:

input:focus, select:focus, textarea:focus, form:focus, button:focus {outline:0;}

Or This will remove it from all elements.

 *:focus {
   outline: 0;
 }

Upvotes: 10

mk rowling
mk rowling

Reputation: 203

try this

option:focus{
    background-color:#FFF;
    outline:none;
    border:none;
    box-shadow:none;
}

Upvotes: 1

Related Questions