Цвет рамки выбора

Question

Сейчас я работаю с полем выбора для моего первого django - bootstrap проекта. Я пытаюсь стилизовать его так, что когда вы щелкаете по нему, его граница и рамка параметров становятся желтыми, и это работает нормально, но когда я нажимаю на него, вокруг моего блока выбора появляется синий прямоугольник, который мне не нужен .

Вот мой код: (Стили. 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;
}