我在使用::v-deep对el-input进行样式穿透时 修改了背景颜色但是背景颜色没有效 怎么修改呢
您好,对于element-ui中的组件样式穿透可以使用::v-deep或者/deep/来实现。针对您的问题,如果修改el-input的背景颜色无效,可能是因为被覆盖了其他样式。您可以使用!important来提高样式优先级,或者查看样式覆盖情况并进行调整。以下是一个使用::v-deep修改el-input背景颜色的例子:
<template>
<el-input v-model="inputValue" class="my-input"></el-input>
</template>
<style scoped>
/* 使用::v-deep穿透el-input样式 */
.my-input::v-deep .el-input__inner {
background-color: #f5f5f5!important;
}
</style>
浏览器F12能查看到修改的背景颜色吗,能查到应该就是权重级的问题可以尝试加!important
不知道你这个问题是否已经解决, 如果还没有解决的话: