如何在打开的选择上删除蓝色边框

Question

我试图在select中设置样式选项。

HTML ：

<select class="form-control">
    <option value="" disabled selected>Kurioi pozicijoi norėtumėte dirbti?</option>
    <option value="two">Programavimo</option>
    <option value="three">Dizainerio</option>
    <option value="four">Redaktorio</option>
    <option value="five">Moderatorio</option>
</select>

CSS：

 #toggle select.form-control:focus {
    border-radius: 2px 2px 0px 0px !important;
 }

 #toggle select.form-control option {
    background-color: #febe10 !important;
    color: #FFF;
    padding: 3px;
    outline: 0;
    font-weight: 500;
    border:0px;
    outline: 0px;
 }

但我仍然在Chrome上获得蓝色边框：

问题：如何删除这些蓝色边框？

＆＃13;

＆＃13;

#toggle select.form-control:focus {
        border-radius: 2px 2px 0px 0px !important;
     }

     #toggle select.form-control option {
        background-color: #febe10 !important;
        color: #FFF;
        padding: 3px;
        outline: 0;
        font-weight: 500;
        border:0px;
        outline: 0px;
     }

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<select class="form-control">
    <option value="" disabled selected>Kurioi pozicijoi norėtumėte dirbti?</option>
    <option value="two">Programavimo</option>
    <option value="three">Dizainerio</option>
    <option value="four">Redaktorio</option>
    <option value="five">Moderatorio</option>
</select>

＆＃13;

＆＃13;

＆＃13;