选择框边框颜色

Question

现在我正在为我的第一个 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>附上一张包含更多细节的图像。感谢任何愿意回应的人！图像

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;

}