怎么用css去掉下拉框的option在鼠标移动时默认的颜色?

墨色烟云 2016-10-28 10:04:15
这两个是下拉框,注意看第一个option和最后一个option,第一个本来是红色的,但一开始就被覆盖了一个颜色,最后一个原本是第一张图的颜色,鼠标移动到那时会被覆盖成第二张的颜色,


怎么让option在鼠标移动到那里后不会有颜色覆盖呢?
...全文
2269 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
香蕉猪 2016-10-28
  • 打赏
  • 举报
回复
那个颜色是select控件选中的颜色。。。楼主如果不想要,,,只能通过其它方式模拟select实现功能。。。系统控件的东西改不了哟。。。
墨色烟云 2016-10-28
  • 打赏
  • 举报
回复
代码、、、 <select style="margin-top:3px;background-color:#0f23f0;"> <option value = "1" style="background-color:#f00;"></option> <option value = "2" style="background-color:#0f0;"></option> <option value = "3" style="background-color:#00f;"></option> <option value = "4" style="background-color:#00f0f0;"></option> </select>
姓小名白丶 2016-10-28
  • 打赏
  • 举报
回复
select的颜色是没办法改啊,LZ可以试试别的控件
JPF1024 2016-10-28
  • 打赏
  • 举报
回复
楼主可以用checkbox啊,或者用radio也可以,select的颜色改变不了的, 不过你可以看看BootStrap的select,他们是用ul模拟的。

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧