通过点击icon打开颜色框的方法(css解决)

第一步：下载icon样式（通过阿里巴巴库生成在线css）

 

 第二步：HTML部分

<div class="iconfont icon-a" style="position:relative">
<input class="input_type_color" name="edit-action" title="背景颜色" edit-action="backColor" type="color"/> 
</div>      

第三步：设置input的CSS样式

.input_type_color {
    opacity: 0;
    position: absolute;
    left: 0;
    top:0 ;
    width: 20px;
}

效果：