删除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

我的解决方案是：

box-shadow: none !important;

不知何故，在添加!important

之前，我没有设置我设置的盒子阴影

现在它没有显示＆＃34;发光＆＃34;了。

无论如何，谢谢你的回复，

DEM的

Answer 2

使用以下样式：

select:focus {
    outline: none;
}

或者，对于所有表单元素：

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