Jquery 如何去除环绕整个选项列表的蓝色边框

Jquery 如何去除环绕整个选项列表的蓝色边框,jquery,html,css,Jquery,Html,Css,我想做的是,如果我点击选择框,下拉列表显示蓝色边框的下拉列表将被删除 测试链接: 脚本: $("input, select, textarea, form, button").css("outline", "none"); $("input, select, textarea, form, button").css("box-shadow", "none"); css: 不幸的是,似乎没有办法移除它。请看下面的答案:有些样式是在浏览器中构建的,你不能用css编辑它们。你还可以实现javascr

我想做的是,如果我点击选择框,下拉列表显示蓝色边框的下拉列表将被删除

测试链接:

脚本:

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


不幸的是,似乎没有办法移除它。请看下面的答案:

有些样式是在浏览器中构建的,你不能用css编辑它们。你还可以实现javascript,使你自己的元素与它们相似。还有各种javascript插件可以帮助你

尝试搜索jQuery插件

您可以尝试使用自定义下拉列表。在这种情况下,下拉列表将替换为或
  • ,并且选择隐藏在其下方。然后可以根据我们的喜好定制


    参考URL:

    什么浏览器?铬合金或铬合金没有蓝色边框FF@BootstrapThemer狩猎也一样。所以剩下的就是。。。或者网景,如果每个人都觉得有点奇怪。@bootstrapthemerchrome
    option:focus{
        background-color:#FFF;
        outline:none;
        border:none;
        box-shadow:none;
    }