el-color-picker自定义了类名样式不生效

最新推荐文章于 2024-07-25 17:42:30 发布

我的腿毛很可爱

最新推荐文章于 2024-07-25 17:42:30 发布

阅读量1.5k

点赞数 1

分类专栏： css-elementui 文章标签： vue.js html5 css elementui

本文链接：https://blog.csdn.net/Leg_hair/article/details/120151902

版权

css-elementui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

通常页面样式不混淆我们会给当前组件的style添加scoped属性，
记住：没有加scoped是会覆盖原有模板的样式，例如element ui

当前组件需要添加scoped属性但是导致了el-color-picker自定义了类名样式不生效，/deep/加了也没用

解决方案：el-color-picker的弹出框是插入至 body 元素的

<el-color-picker 
  v-model="appFrom.themeColor" 
  popper-class="theme-color-popper">
</el-color-picker>

<style lang="scss">
.theme-color-popper {
  width: 230px;
  padding: 20px;
  background-color: red;
}
</style>

<style lang="scss" scoped>
/*正常写当前组件的样式*/
</style>