jquery - 选择下拉菜单周围的蓝色边框?

标签 jquery html css jquery-chosen

我正在使用 Chosen设置下拉菜单的样式,但我似乎无法弄清楚如何在进行选择后消除蓝色边框/阴影。我试过 *:focus { outline: 0 !important; 和这些:

#modelDropDown_chosen { -webkit-box-shadow:无; -moz-box-shadow:无; 盒子阴影:无; }

#modelDropDown { 轮廓宽度:0; 大纲:0; }

.chosen-container-active { 轮廓宽度:0; 大纲:0!重要; }

和许多其他类似的方法,但我认为我没有针对正确的组件。

Here is a link到我正在谈论的图像。任何想法/建议将不胜感激!

编辑:这只会在做出选择后发生,如果您在下拉菜单外单击则停止

最佳答案

这应该有效:

.chosen-container-active .chosen-single {
   border: 1px solid #AAA;
   box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0, 0, 0, 0.1);
}

关于jquery - 选择下拉菜单周围的蓝色边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24214910/

相关文章:

jquery - 隐藏和显示使用 Jquery UI Resizable 的元素

javascript - 不等间隔 Highcharts 仪表

javascript - 提交时,将 html 弹出文件加载到 div 中

Jquery依赖下拉菜单选择

javascript - 如何更改Jquery克隆位置?

javascript - JS树选择未选择的项目

html - 如何使用 css 重新定位具有线性渐变的图像?

javascript - Selenium ChromeDriver 如何点击 x,y 像素位置为负的元素? C#

javascript - Jquery 幻灯片不工作

javascript - 初学jquery使用时出现的错误