由于项目上要实现对不同的状态实现自定义配置不同的颜色,所以需要实现一个color选择器,一开始是直接采用input框输入16进制的颜色值,但对于非专业人士不太了解颜色对于的16进制码,后来改用类似于chrome中的取色器,类似于这样的
网上找了一些插件,总有些问题,自己水平不够又写不出来,后来找了一下发现HTML5 已经有现成的拾色器,
即input[type = "color"]
效果如图
很实用的
代码
<input type="color" id="color"> //基本实现代码
至于相关的一些配置及获取颜色对于的16进制码,可以参考一下下面的文档
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/color