为了账号安全,请及时绑定邮箱和手机立即绑定

CSS:选择的伪类类似于:checked,但是对于<select>元素

CSS:选择的伪类类似于:checked,但是对于<select>元素

米脂 2019-08-19 15:21:52
CSS:选择的伪类类似于:checked,但是对于<select>元素有没有办法在<option>元素中设置当前所选元素的样式<select>?然后,我可以为当前选定的选项元素提供背景颜色?这样我就可以设置当前在封闭下拉列表中可见的选项。
查看完整描述

3 回答

?
弑天下

TA贡献1818条经验 获得超7个赞

实际上,您只能设置几个CSS属性:修改后的选项元素。 color也不起作用,background-color但你可以设置一个background-image

你可以将它与渐变结合起来来做到这一点。

option:hover,option:focus,option:active,option:checked {
  background: linear-gradient(#5A2569, #5A2569);}
<select>
  <option>A</option>
  <option>B</option>
  <option>C</option></select>

适用于gecko / webkit。


查看完整回答
反对 回复 2019-08-19
?
qq_花开花谢_0

TA贡献1835条经验 获得超6个赞

这对我有用:

select option {
   color: black;}select:not(:checked) {
   color: gray;}


查看完整回答
反对 回复 2019-08-19
  • 3 回答
  • 0 关注
  • 1210 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信