有没有办法在<option>元素中设置当前所选元素的样式<select>?
然后,我可以为当前选定的选项元素提供背景颜色?这样我就可以设置当前在封闭下拉列表中可见的选项.
在此示例中: https: //jsfiddle.net/pfc1qauz/10/当我选择 2 并将焦点更改为 C(右侧的任何内容)时,2 的背景颜色变为灰色。不对焦时如何保持红色?
HTML:
<select class="multiselect-left" size=4>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<select class="multiselect-right" size=4>
<option>A</option>
<option>B</option>
<option>C</option>
</select>
Run Code Online (Sandbox Code Playgroud)
CSS:
option{
background: #F00;
}
Run Code Online (Sandbox Code Playgroud)
谢谢,
我有这个问题,我需要在单击/选中时更改/多个选项元素的颜色.单击时默认颜色为蓝色,我相信我们现在应该有一个解决方案,因为我试图寻找解决方案,但无济于事.希望在CSS或vanilla JS中做到这一点.没有图书馆或框架.