我在Stackoverflow论坛上查找了此帖子。
许多人声称这在CSS中是无法实现的,并且存在许多跨浏览器的兼容性问题。
我尝试使用以下代码为上面的附加图像(红色圆圈)编码我的css。
.hovercard-container .dropdownfield select option{
background-color: #BDBEC1;
border: 1px solid #000;
}
但这在Safari / Chrome / IE中不起作用。仅适用于Firefox。
选择选项标签的下拉菜单是否仍可以实现CSS样式?如果没有,是否还有其他方法可以使我像上图那样进行样式设置?
跨浏览器使用相同的样式和效果是不可能实现的。一些浏览器可能提供比其他浏览器更多的样式,但这不是解决方案。
我建议使用jQuery插件,例如https://plugins.jquery.com/select2/或https://plugins.jquery.com/chosen/-它们会将您的普通<SELECT>
控件转变为风格优美的外观。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句