Html – How to remove option blue border color of select box

csshtmljquery

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; 
}

Best Solution

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;
 }