【7.12】NOTE：样式穿透+git代码提交

最新推荐文章于 2025-05-06 23:05:34 发布

webhyx

最新推荐文章于 2025-05-06 23:05:34 发布

阅读量126

点赞数 1

文章标签： git css elementui

本文链接：https://blog.youkuaiyun.com/Javavison/article/details/118677805

版权

本文介绍了如何在Webpack环境下修改Element-UI组件的默认样式，特别是解决style scoped带来的问题，提出使用/deep/进行样式穿透的解决方案。同时，详细阐述了git提交代码到服务器的流程，包括git status、git add、git commit、git pull和git push等关键步骤，以及在遇到husky配置时需要注意的commit信息格式问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Element-ui 组件默认样式的修改

在webpack环境中，如果要修改element-ui组件中的默认样式，通过浏览器检查元素查看class名修改会不起作用，大概率是style设置了scoped

<style scoped lang="less">
</style>

直接解决的方法就是去掉scpoed，但是这样容易污染到全局样式，因为scoped就是用来隔开各个组件间的样式的。
比较折中的办法是使用样式穿透，需要修改的样式用/deep/
less中使用：

.seach-box {
      width: 60%;
      .el-input {
        /deep/ .el-input {
          .el-input__inner {
            border: #fff solid 1px;
            background: blue;
          }
        }
    }
}