在下拉列表中是否可能使用CSS样式来设置选项？

Question

在下拉列表中是否可能使用CSS样式来设置选项？

javascriptjqueryhtmlcss

4

在这里输入图片描述

我在Stackoverflow论坛上查找了这篇文章。

如何仅使用CSS样式化<option>标签？

许多人声称用CSS实现这一点是不可能的，并且存在许多跨浏览器兼容性问题。

我尝试使用以下代码来编写上述附加图像（用红色圈出）的CSS。

.hovercard-container .dropdownfield select option{
  background-color: #BDBEC1;
  border: 1px solid #000;
}

但是，在Safari/Chrome/IE中无法实现此功能，只有在Firefox中有效。

是否有人知道如何实现下拉选择选项标签的CSS样式？如果不能，请问是否有其他方法可以让我像上面的图片一样进行样式设置？

- awongCM

1个回答

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

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

- Yuriy Galanter · Accepted Answer

无法通过相同的样式和效果在不同浏览器中实现。一些浏览器可能提供更多的样式，但这并不是解决方案。我建议使用jQuery插件，如https://plugins.jquery.com/select2/或https://plugins.jquery.com/chosen/ - 它们将普通的<SELECT>控件转换为有样式的美观控件。