选择框边框颜色

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