码迷,mamicode.com
首页 > 其他好文 > 详细

vue清除框架默认样式

时间:2020-05-21 11:49:56      阅读:317      评论:0      收藏:0      [点我收藏+]

标签:设置   本地   协议   art   声明   order   bsp   htm   lin   

此方法可行:
<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

vue清除框架默认样式

标签:设置   本地   协议   art   声明   order   bsp   htm   lin   

原文地址:https://www.cnblogs.com/sunnywindycloudy/p/12929586.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!