移除 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;
}