vue scoped 解决样式不生效问题

最新推荐文章于 2024-09-03 10:02:29 发布

苘迷

最新推荐文章于 2024-09-03 10:02:29 发布

阅读量901

点赞数 1

分类专栏：前端文章标签： vue scoped 解决样式不生效问题

原文链接：https://www.mk2048.com/blog/blog.php?id=hik22bikc1jb&title=vue+scoped+%E8%A7%A3%E5%86%B3%E6%A0%B7%E5%BC%8F%E4%B8%8D%E7%94%9F%E6%95%88%E9%97%AE%E9%A2%98

版权

前端专栏收录该内容

734 篇文章 1 订阅

订阅专栏

对于添加样式不能影响子组件样式的情况使用：>>>

<style scoped>
    .sti-inline{
        display: inline;
    }
    .sti-searchform form .sti-reset-margin{
        margin-bottom:0px;
    }
    .sti-searchform{
        line-height: 1;
    }
    .sti-searchform.searchform{
        margin-bottom: 10px;
    }
    .phone >>> .el-form-item__label, label{
          padding-left: 0 !important;
          padding-right: 0 !important;
          width: 115px !important;
    }
    .phone >>> .el-form-item__content{
          margin-left: 115px !important;
    }
</style>