选择框边框颜色

Question

现在我正在为我的第一个django引导程序项目使用一个选择框。我试着设计它的样式，这样当你点击它时，它的边框和选项框边框就会变成黄色，这很好，但当我点击它时我的选择框周围也有一个蓝色的矩形，我真的不想要。

这是我的代码：(Styles.css(

.selector{
position:absolute;
border-radius:1rem;
margin-left:260px;
width:500px;
height:35px;
font-size: 15px;
text-align-last: center;
color:#C9C9C9;
transition-property: none;  
}
.selector:focus{
border-color:#FFD700;
box-shadow: 0 0 8px #FFD700;
border-radius:1rem;
overflow:hidden;
}

我的HTML模板：

<div class="div1">  
<label for="estado" class="label1">
Estado
<select class="selector" id="estado" name="estado" onchange="functionfs()" style="border-color: #C9C9C9;">
<option style="color:#C9C9C9" selected="selected" value="-----">--- Ingrese un valor ---</option>
<option value="Activo" style="color:black;">Activo</option>
<option value="Inactivo" style="color:black;">Inactivo</option>
</select>
</label>
</div>

附件是一张详细的图片。

感谢任何愿意回应的人！

图像

Answer 1

您必须使用大纲css键：outline: none;

.selector{
position:absolute;
border-radius:1rem;
margin-left:260px;
width:500px;
height:35px;
font-size: 15px;
text-align-last: center;
color:#C9C9C9;
transition-property: none;
outline: none;
}