使用iView修改其中的默认样式可以生效,但是在打包之后失效了

Question

.ivu-tabs-bar {
        border-bottom-width: 0;

    }
    .ivu-tabs-ink-bar {
        height: 0;
    }
    .ivu-tabs-nav .ivu-tabs-tab {
        padding: 3px 5px;
        margin: 10px 18px;
        color: black;
        transition: none;
        border-radius: 5px;
    }
    .ivu-tabs-nav .ivu-tabs-tab:hover {
        color: black;
    }
    .ivu-tabs-nav .ivu-tabs-tab-active {
        background-color: #2ac2f3;
        color: #fff;

    }
    .ivu-tabs-nav .ivu-tabs-tab-active:hover {
        color: #fff;
    }

单文件.vue中的<style>写的,没有加scoped,加了的话修改iview默认样式不生效

Answer 1

你这个组件的 template 的跟节点 加一个class="classname"
然后用

.classname .ivu-tabs-bar{

}