vue中修改第三方组件css

css中不使用scoped进行私有化控制,而是采用每个类用自己的类名(class="aroundPriceInput")称控制

优点:可随意改变第三方组件中的css而不影响到其他开发者

css

<style lang="scss">
.aroundPriceInput {
    .van-field__control::-webkit-input-placeholder {
        color: rgb(166, 166, 166);
    }
    .van-field__control {
        margin-left: 60px;
    }
}

template

<template>
    <div class="aroundPriceInput">
    <nav-bar title="周边矿源价格录入"></nav-bar>
</template>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券