解决Vue中调用UI组件无法自定义样式问题

凡人de执念

于 2023-01-30 16:20:55 发布

阅读量261

点赞数

分类专栏： Vue 文章标签： vue.js ui javascript

本文链接：https://blog.youkuaiyun.com/qq_52256473/article/details/128804593

版权

Vue 专栏收录该内容

2 篇文章

订阅专栏

解决Vue中调用UI组件无法自定义样式问题

今天在使用iView的折叠面板组件的时候，发现直接使用类名选择器无法对其默认样式进行修改，默认样式如下图

使用 /deep/ 解决

/deep/ .ivu-collapse-header { /* 使用/deep/进行样式穿透 */
    display: flex;
    align-items: center;

     .ivu-icon {
        font-size: 16px;
        color: #000;
    }
}

解决后样式如下所示图