如何清除选项框的蓝色边框颜色 [英] How to remove option blue border color of select box

问题描述

我想做的是如果我点击选择框，下拉列表显示蓝色边框颜色的下拉列表将被删除。

测试链接： http://jsfiddle.net/5kcsn/316/

脚本：

  $ ，textarea，form，button）。css（outline，none）; 
 $（input，select，textarea，form，button）css（box-shadow，none）; 
  

css：

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

解决方案

>

输入：focus，select：focus，textarea：focus，form：focus，button：focus {outline：0;}

或
这将从所有元素中移除它。

  *：focus {
 outline：0; 
} 
  

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

解决方案

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

这篇关于如何清除选项框的蓝色边框颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！