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

Question

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

在 Edge 中打开选择：

在 Chrome 中，这不会发生：

有没有办法覆盖 IE/Edge 中的粗边框？我希望它具有与 Chrome 中类似的边框。

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

标签： htmlcsshtml-select

Answer 1

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

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

或者你可以使用像这样的现成的下拉插件。

更多信息

使用 CSS 和 jQuery 重塑下拉菜单