时间:2021-05-26
1、首先定义两个不同的
.null-input .el-input__inner {background-color: rgba(255, 255, 255, 0.8); color: #525661; font-size: 16px;}.no-null-input .el-input__inner { background-color: rgba(255, 255, 255, 1); color: #524F52; font-size: 16px;}2、根据:class 控制input的class
:class="{ 'null-input':isNullInput, 'no-null-input':!isNullInput}" @change="changeCss"3、根据change方法判断input的值 然后控制isNullInput的值
changeCss(val) { if (val === "") { this.isNullInput = true; } else { this.isNullInput = false; } console.log(this.isNullInput); }但是关于placeholder颜色无法改变
网上的方法试了 没有效果--网上方法:input::-webkit-input-placeholder
以上这篇vue里input根据value改变背景色的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
HTML部分代码:复制代码代码如下:鼠标经过时改变背景色鼠标经过时改变背景色鼠标经过时改变背景色鼠标经过时改变背景色javascript部分代码:当鼠标经过时,
背景色的确立。背景色最常采用是的中性色,黑色、白色、灰色或者是直接使用主色作为背景色。背景色要纯净,柔和,有良好的过度效果,一般使用纯色或者渐变和画笔柔角笔头营
本文实例讲述了JS实现进入页面时渐变背景色的方法。分享给大家供大家参考。具体实现方法如下:JS实现的进入页面时的渐变的背景色效果functionCBgColor
一、p标签内直接设置背景颜色复制代码代码如下:背景为黑色p标签内设置背景色为黑色,字体颜色为白色p标签内设置背景色截图通过p标签内设置style设置背景色等CS
本文实例讲述了js获取及修改网页背景色和字体色的方法。分享给大家供大家参考,具体如下:获得网页的背景色和字体颜色,方法如下:思想:通过取得颜色属性值得到的是rg