现在,我正在为我的第一个django-bootstrap项目使用一个选择框。我正在尝试对其进行样式设置,以便当您单击它的边框并且选项框的边框变为黄色时,效果很好,但是当我单击它时,我的选择框周围还有一个蓝色矩形,我并不是真的想要。
这是我的代码:(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>
附带有一张带有更多细节的图像。
感谢任何愿意响应的人!
您将必须使用outline 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;
}