选择框边框颜色

Posted 2023-02-24

【中文标题】选择框边框颜色

【英文标题】：Selectbox border color

【发布时间】：2020-07-16 06:42:34

【问题描述】：

现在我正在为我的第一个 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>

附上一张更详细的图片。

感谢任何愿意回复的人！

Image

【参考方案1】：

您必须使用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;