zoukankan      html  css  js  c++  java
  • vue清除框架默认样式

    此方法可行:
    <style lang="less" scoped>
    .login /deep/ .van-field__control {height:30px;padding:5px 10px;color: #c4c4c4;background:#ffffff;font-size: 12px;border:1px solid #ccc;border-radius:4px;}
    .login /deep/ .van-cell{background:none;}
    .login /deep/ .btn-deongaree{height: 46px;line-height: 46px;}
    </style>
     

    以下为转载,原文链接:https://blog.csdn.net/XQXOI/java/article/details/104653783

     

    vue项目修改框架默认样式
    出现的问题及原因:
    在一个页面时, style 设置 scoped, 现在样式仅在设置 “本地” 可用。故导致我们想要修改组件样式无法修改成功。

    html:

    <div class="demo">
    <mt-header title="long long long long title">
    <mt-button slot="left">back</mt-button>
    <mt-button icon="more" slot="right"></mt-button>
    </mt-header>
    </div>

    <!--当lang=stylus时 用 ">>>" -->
    <style lang="stylus" scoped>
    .demo <<< .mt-header{
    background: red;
    }
    </style>

    <!-- 方案一 :用 "/deep/"-->
    <style lang="scss / less" scoped>
    .demo /deep/ .mt-header{
    background: red;
    }
    </style>
    <!-- 方案二 :去除scoped(方案不可取)->
    <!-- 方案三 :写两个style样式,一个加上scoped,一个不加scoped,在没有scoped里面设置,(不可取)->

    终极方案:(方案不可取)
    在 app.vue文件中 style 不要加 scoped, 在设置样式即可。
    ————————————————
    版权声明:本文为CSDN博主「一直在奋斗的中二女青年」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/XQXOI/java/article/details/104653783

  • 相关阅读:
    常用的正则表达式
    Nginx反向代理
    docker-day1-安装和基本使用
    Nginx + Keepalived
    Nginx源码安装
    apache-实战(二)
    apache-实战(一)
    apache--配置文件属性介绍
    软件目录结构规范
    python常用模块(二)
  • 原文地址:https://www.cnblogs.com/sunnywindycloudy/p/12929586.html
Copyright © 2011-2022 走看看