手机网站建设开发案例 created by 6yang.net

关于VUE如何在嵌入子组件样式修改

发布日期: 2019-09-18 00:00:00
点击次数: 1068
大字小字
/deep/用法



.com-selectcheck {
                /deep/ .titi{
                    background: rgba(53,59,75,.45) !important;
                    border-color: #52596d;
                    height: 30px !important;
                    line-height: 30px !important;
                        border: 1px solid #52596d;
                    &::after{
                        top:12px !important;
                    }
                }
                /deep/ .selcont{
                    padding: 38px 0 5px;
                }
                /deep/ .selectcont{
                    li{
                        margin:0 0px 0;
                        border-radius: 0;
                    }
                     li:hover,
                     li.on{
                         background: #5a647b;
                     }
                     li.on{
                         background: #485164;
                     }
                }
                &.showselcont /deep/ .selcont{
                    transform: translate(0, -5px) !important;
                    background: rgba(53,59,75,0.45);
                    border: 1px solid #52596d;
                }
            }