css - 移除 Safari/Chrome 选择聚焦阴影

Question

我试图在选择焦点时从选择中删除以下阴影:

我已经设置:

select {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    outline: none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

HTML:

<select />

但是那些不起作用。有什么建议吗？

Answer 1

使用以下样式:

select:focus {
    outline: none;
}

或者这个，对于所有的表单元素:

input:focus,
select:focus,
textarea:focus {
    outline: none;
}