博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
分享一个option样式传递给select当前选中样式
阅读量:5994 次
发布时间:2019-06-20

本文共 303 字,大约阅读时间需要 1 分钟。

       今天遇到一个很是纠结的问题,需求又改了!原生的select给option加样式,结果发现select选中仍是默认样式,如下图:

      左思右想之后,感觉模拟一个实在太麻烦了(原来页面结构得变动、样式也得重写甚至要多写好多js和css代码,总之感觉因为这么个小需求去做大改动不(ai)值(tou)得(lan))!

...经过一番思想上的斗争与逻辑的整理,效果实现了:

直接上代码:

html:

js:

 

逻辑就是这样的了 最好是直接判断是否有color这个自定义属性

转载于:https://www.cnblogs.com/gaofengming/p/4834873.html

你可能感兴趣的文章
HoloLens开发手记 - 入门学习阶段总结
查看>>
qt介绍
查看>>
静态语句块、构造语句块以及构造函数的执行顺序
查看>>
Spring MVC @RequestMapping注解详解
查看>>
[javaEE] 三层架构案例-用户模块(一)
查看>>
思维导图——项目计划
查看>>
IOS基础之UILineBreakModeWordWrap
查看>>
理解RxJava:(二)Operator,Operator
查看>>
设计模式:Strategy 策略模式 -- 行为型
查看>>
SharePoint 2013 本地开发解决方案以及远程调试
查看>>
【渗透攻防WEB篇】SQL注入攻击初级
查看>>
iOS开发UI篇—ios应用数据存储方式(归档)
查看>>
dedecms网站迁移时记得将安装目录放空 附迁移的正确方法
查看>>
Quickly Start Listener scripts
查看>>
Struts2返回JSON对象的方法总结
查看>>
期权只是一张纸而已,但它的背后是心机
查看>>
python基础——类和实例
查看>>
Git 常用的命令总结(欢迎收藏备用)
查看>>
gcc 编译错误之Clock skew detected
查看>>
大话程序猿眼里的高并发【转】
查看>>