我有一个下拉列表,我正在使用Select2 jquery plugon,效果很好 .
我遇到的一件事是一个用例,其中每个项目都很长,所以文本包装为3或4行 . 我想看看你是否可以设置下拉列表的样式以使其具有替代行颜色,以便更容易看到一个项目结束的位置,而另一个项目列表向下滚动时则开始 .
这可能吗?
我有一个下拉列表,我正在使用Select2 jquery plugon,效果很好 .
我遇到的一件事是一个用例,其中每个项目都很长,所以文本包装为3或4行 . 我想看看你是否可以设置下拉列表的样式以使其具有替代行颜色,以便更容易看到一个项目结束的位置,而另一个项目列表向下滚动时则开始 .
这可能吗?
2 回答
是的,它有可能,事实上它很容易,这就是你如何做到的:
在css样式表中,为要以不同颜色显示的项创建一个类,例如:
然后将该类添加到要在
select2
调用之前以不同颜色显示的option
元素,如下所示:请参阅this Plunker中的工作示例或下面的嵌入代码段 .
您可以通过在css文件中添加两个css类,或者在包含select字段的文件顶部来执行此操作 .
添加以下内容:
其中
select2-results
是ul
标签的外部类 . 所以如果你正在使用不同的课程,请更改它 .