html - -webkit-tap- 选择下拉菜单？

Question

问题: 我已经使用 html 实现了一个标准的下拉菜单。我使用 css 将其修改为无边框。当我点击下拉菜单更改选择时，下拉菜单周围出现橙色线条。

尝试

select
{
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);    
   -webkit-user-modify: read-write-plaintext-only;
   -webkit-tap-highlight-color: transparent;
}

以上我都一一试过了。但它不起作用>

预期的解决方案

当我点击我的下拉菜单时，不应显示橙色边框。

浏览器: Nexus-Chrome

任何建议>

Answer 1

没有任何代码很难说，但我想

select
{
    outline: none;
}

或

select:focus
{
    outline: none;
}

将为您解决问题。我猜橙色边框是由 chrome 添加的。