el-input保留底部边框

最新推荐文章于 2024-06-03 15:09:24 发布

LifeOases

最新推荐文章于 2024-06-03 15:09:24 发布

阅读量1.0k

点赞数 1

文章标签： vue.js 前端 elementPlus

本文链接：https://blog.csdn.net/qq_43026206/article/details/129841086

版权

<el-table-column prop="props" label="20'GP*1" width="120">
          <template #default="scope">
            <el-input v-model="scope.row.gp20" class="inputDeep"/>
          </template>
 </el-table-column>

.inputDeep {
  :deep(.el-input__wrapper) {
    box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
    cursor: default;
    .el-input__inner {
      cursor: default !important;
    }
  }
  height: 35px;
  align-content: center;
  border-bottom:1px solid #69a4f7
}