el-date-picker图标颜色

1、效果:
在这里插入图片描述
左边日历图标与右侧清除图标颜色均设为白色。
2、实现
vue

<div class="block">
				   <el-date-picker
				     v-model="value2"
				     type="month"
					 format="yyyy年M月"
					 value-format="yyyy-MM"
				     placeholder="选择月">
				   </el-date-picker>
				 </div>

css

.block{
    
    
		::v-deep .el-input__inner{
    
    
			background-color: $themeColor;
			color: #ffffff;
		}
		//设置左侧日历图标颜色
		::v-deep .el-input__prefix {
    
    
			color: #ffffff;
		}
		//设置右侧清除图标颜色
		::v-deep .el-input__suffix{
    
    
			color: #ffffff;
		}
	}

猜你喜欢

转载自blog.csdn.net/qq_43840793/article/details/128445052