zoukankan      html  css  js  c++  java
  • 第三方组件默认样式如何修改

    当在vue文件下写样式时,为了避免与其他组件样式污染,在style标签上加一个scoped属性,但这时,如果想要修改第三方插件的样式,则会没有效果。
    推荐采用以下方案:vue样式穿透
    sass/less使用样式穿透的方式

    .parent /deep/ .children{
    font-size:20px;
    }
    

    stylus的样式穿透 使用>>>

    .parent >>> .children{
    font-size:20px;
    }
    
    

    或者将scoped属性去掉,但存在弊端:失去了样式的保护,我们就需要用原始的方法保护该组件的样式作用于,可通过后台选择器等等方式实现样式的保护,使其不受污染
    这样就可以解决样式穿透的问题了

  • 相关阅读:
    UESTC
    Education Round 8 A
    Gym
    Gym
    hdoj 1159 Common Subsequence
    UVA
    UESTC
    51Nod 1068 Bash游戏 V3 (这规律不好找)
    51Nod 1066 Bash游戏
    51Nod 1002 数塔取数问题
  • 原文地址:https://www.cnblogs.com/shemingxin/p/11843041.html
Copyright © 2011-2022 走看看