如何去掉围绕选项列表的蓝色边框

Question

3

我希望的是，如果我点击选择框，下拉列表将显示，此时下拉列表的蓝色边框将被移除。

$("input, select, textarea, form, button").css("outline", "none");
$("input, select, textarea, form, button").css("box-shadow", "none");

CSS：

option:focus{
    background-color:#FFF;
    outline:none;
    border:none;
    box-shadow:none;
}

- user3882672

1

什么浏览器？在Chrome或FF中，我没有蓝色边框。 - Christina

1

@BootstrapThemer Safari也是一样的。这就只剩IE了……或者如果每个人都感觉有点奇怪，那就用Netscape吧。 - Charlie

@BootstrapThemer Chrome - user3882672

3个回答

0

有些样式是在浏览器中内置的，您无法使用 CSS 编辑它们。您可以实现 JavaScript 来创建自己的类似元素，此外还有各种 JavaScript 插件可帮助您！
尝试this搜索 jQuery 插件

- Faiz Ahmed

0

你可以尝试使用自定义下拉菜单。在这种情况下，下拉菜单被替换为

或

，而选择框则隐藏在其下方。然后可以根据我们的喜好进行自定义。

- MelJo

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- EternalHour · Accepted Answer

很遗憾，似乎没有办法将其删除。请参见此答案：选择菜单选项边框无。