是否可以在下拉菜单中选择CSS样式选择选项?

awongCM

在此处输入图片说明

我在Stackoverflow论坛上查找了此帖子。

如何仅使用CSS设置<option>的样式?

许多人声称这在CSS中是无法实现的,并且存在许多跨浏览器的兼容性问题。

我尝试使用以下代码为上面的附加图像(红色圆圈)编码我的css。

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

但这在Safari / Chrome / IE中不起作用。仅适用于Firefox。

选择选项标签的下拉菜单是否仍可以实现CSS样式?如果没有,是否还有其他方法可以使我像上图那样进行样式设置?

尤里·加兰特(Yuriy Galanter)

跨浏览器使用相同的样式和效果是不可能实现的。一些浏览器可能提供比其他浏览器更多的样式,但这不是解决方案。

我建议使用jQuery插件,例如https://plugins.jquery.com/select2/https://plugins.jquery.com/chosen/-它们会将您的普通<SELECT>控件转变为风格优美的外观

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

树枝设置在下拉菜单中选择选项

允许用户从下拉菜单中选择选项

从下拉菜单中选择选项后的事件

如何从多个下拉菜单中选择选项Selenium

Python - 从下拉菜单中选择选项

RSelenium:从下拉菜单中选择选项

在 Jmeter 的 Selenium WebDriver 的下拉菜单中选择选项

从使用JavaScript填充的下拉菜单中选择选项

使用 selenium python 在下拉菜单中选择选项后,在文本框中输入值

下拉选择的选项在另一个下拉菜单中选择选项

在下拉菜单中选择回声

即使我获得所有标签,也可以从下拉菜单中选择硒选择选项

如何在下拉菜单中动态选择选项?

如何在下拉菜单中添加文本框选择选项

在下拉菜单中选择选项时,如何使用onChange更改状态,但选项标签中的值不是该值

在下拉菜单中选择第一个选项作为默认选项

在另一个下拉菜单中选择选项时显示下拉菜单

在v-data-table的列中选择选项或下拉菜单

我如何从该网站的下拉菜单中选择选项

从下拉菜单中选择选项时的AngularDART事件处理

如何使用水豚下拉菜单中选择选项

Symfony2原则下拉菜单从相关实体中选择选项

无法从iframe中的下拉菜单中选择选项-硒-Java8

从Facebook的硒和PHP WebDriver的下拉菜单中选择选项

仅当从下拉菜单中选择选项时,才附加到iframe src

如果从下拉菜单中选择选项,则如何断言。硒。页面对象模型

从SuiteScript的下拉菜单中选择选项后,如何显示文本框?

从下拉菜单中选择选项时更改div内容

从Excel(VBA)的下拉菜单中选择选项时清除值