为什么 "select:focus{outline:none}" 不起作用？

Question

enter image description here

为什么大纲不起作用？

select{
    width: 125px;
    padding: 6px 7px;
    background-color: #333;
    border: none;
    outline:none;
    box-shadow: none;
    color: #fff;
    border-radius: 5px;
} 
select:focus{
    outline:none;
    border:none;
    box-shadow:none;
}

还有其他方法吗？

Answer 1

正在运行！你有 outline:none !!!

select{
    width: 125px;
    padding: 6px 7px;
    background-color: pink;
    border: none;
    outline:none;
    box-shadow: none;
    color: #fff;
    border-radius: 5px;
} 
select:focus{
    outline:none;
    border:none;
    box-shadow:none;
    outline: green solid 10px;
}

<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>

为什么 "select:focus{outline:none}" 不起作用？

Why doesn't the "select:focus{outline:none}" work?

css

outline