html - 如何删除 IE/Edge 打开的选择框的默认样式

标签 html css html-select

我有这个选择,每当我在 IE/Edge 中运行它时,打开的选项列表周围都有一个黑色粗边框。

在 Edge 中打开选择:

thick border

在 Chrome 中,这不会发生:

enter image description here

有没有办法覆盖 IE/Edge 中的粗边框?我想让它的边框与 Chrome 中的边框相似。

<select>
 <option>Apple</option>
 <option>Ball</option>
 <option>Cat</option>
</select>

最佳答案

无法在任何浏览器中更改通用下拉菜单的样式。

但使用 Javascript,您可以替换默认的下拉表单元素并完全更改它们。

或者您可以使用现成的下拉插件,例如 these .

More info

Reinventing a Drop Down with CSS and jQuery

关于html - 如何删除 IE/Edge 打开的选择框的默认样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52185869/

相关文章:

jQuery实现多个背景图片淡入淡出

javascript - 使用 ng-click 从模式重定向并且数据关闭不起作用

javascript - 根据选择选项显示 div

html - 样式化 html 选择和复选框

HTML 选择具有多种颜色的下拉列表

html - 在移动 View 中 Bootstrap 上操作列和行

javascript - 我如何在 Web 应用程序中同时使用 jQuery 和 Spry 框架

javascript - 动画不透明度不会保留在 Polymer 中

css - Hexo markdown + bulma CSS

css - 为什么我的基于 CSS 的下拉菜单在 IE9 中不起作用?