问题描述:
当我们在vue3中使用element-plus组件库提供的表单组件时,有时我们需要修改表单中label
的字体颜色等属性,这是如果直接选中label的class进行修改是不起作用的,我们只需深度选择
即可选中并进行修改。
比如: 我们需要将以下图片中的“账号”“密码”这四个字修改成白色,并将字号放大
解决方法:
只需要在css中写如下代码即可:
::v-deep
是vue3提供的深度选择器,.el-form-item__label
是element-plus官方定义的类
/* ::v-deep是vue3提供的深度选择器,.el-form-item__label是element-plus官方定义的类 */
::v-deep .el-form-item__label{
color: white;
font-size: 18px;
}