vue3 关于无法深度修改ElementPlus样式的问题

最新推荐文章于 2024-11-19 15:43:01 发布

很菜很菜的人

最新推荐文章于 2024-11-19 15:43:01 发布

阅读量433

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_41304029/article/details/136447408

版权

.search-container {
  display: flex;

  .header-search {
    display: flex;
    width: 100%;
  }

  .search-box {
    flex-grow: 1;
  }

  .search-btn {
    width: 250px !important;
    flex-grow: 0;
    flex-shrink: 0;

    .header-search-btn {
      // margin-right: 32px;
      justify-content: flex-end;
    }

    .el-form-item__content {
      justify-content: flex-end;
    }
  }

  //注意不要写成 :deep(.el-form-item__label) :deep() 是在组件中才有用
  .el-form-item__label {
    width: 100px;
    flex-shrink: 0;
    flex-grow: 0;
  }

  .el-input,
  .el-select-v2 {
    width: 250px !important;
  }
}