input type=color 设置颜色

在设置背景色的时候，使用html5 type=color 标签，但是初始值一直都是黑色的，背景如果没有设置的时候，应该是白色，比如文本图元，所以需要设置一个初始的颜色值，

注意：

value不实用，怎么修改值都不会改变

需要用default-value

        <div class="param-gap" v-if="params.pixelType === 'EllipsePixel' ||params.pixelType === 'RectPixel'"><label class="left" for="">填充颜色 :</label><div class="right"><input class="data-value" :default-value="params.fillColor" v-model="params.fillColor" @input="updateData" type="color" /></div></div>

转载于:https://www.cnblogs.com/pengfei25/p/11453280.html

input type=color 设置颜色相关推荐

给input type=color设置默认值
参考:https://stackoverflow.com/questions/14943074/html5-input-colors-default-color?utm_medium=organic& ...
前端HTML5 颜色选择器 input[type = color]
由于项目上要实现对不同的状态实现自定义配置不同的颜色,所以需要实现一个color选择器,一开始是直接采用input框输入16进制的颜色值,但对于非专业人士不太了解颜色对于的16进制码,后来改用类似于c ...
html5 input file样式修改,css为input type=file设置自定义样式
input file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0,然后,外层用div包裹,就实现了美化功能. 主要有两点需要做: 将input type=file控件透明将inp ...
HTML5的input color系统颜色选择器
前两天,我写了一篇<推荐两款jQuery色盘选择器>介绍,那是使用JavaScript实现的色盘,今天我给大家介绍HTML5的色盘选择器.HTML5有一个input类型为color,即颜色 ...
字体图标iconfont无法用color控制和设置颜色的解决方案
当我们使用阿里巴巴图标库的时候可能遇到过这样的问题,明明所有该引用的文件都引用了,但是就是没有办法通过color属性来设置iconfont字体图标的颜色,这个笔者也遇到过这样的坑.网上搜了半天解决方式 ...
jsp常用的input type
jsp的 input 输入框分为很多种:有密码框.多选框.单选框.日期.颜色.输入限制.邮箱验证.隐藏框.文件上传等等. input输入框支持的功能如此之多,如此常用,开发者可以直接使用它们,因此就能 ...
HTML input type 输入类型
本章描述 <input> 元素的输入类型. 输入类型:text <input type="text"> 定义供文本输入的单行输入字段: 实例 <for ...
input Type
Html4 type text 默认值.单行的文本区域,输入中的换行会被自动去除. <input type="text" name="text"/> ...
input type属性
<input type="text" autofocus pattern="^\d*[a-z]+" required placeholder=" ...

input type=color 设置颜色

input type=color 设置颜色相关推荐

最新文章

热门文章