el-input保留底部边框

最新推荐文章于 2024-08-12 09:42:21 发布

LifeOases

最新推荐文章于 2024-08-12 09:42:21 发布

阅读量1.4k

点赞数 1

文章标签： vue.js 前端 elementPlus

本文链接：https://blog.youkuaiyun.com/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
}