vue3+elementplus去掉el-input 和 el-textarea的border

白开水z

已于 2023-12-30 17:31:19 修改

阅读量1.6k

点赞数 13

文章标签： vue.js javascript elementui

于 2023-12-30 15:03:43 首次发布

本文链接：https://blog.csdn.net/li222248/article/details/135305663

版权

//html
<el-input
  v-model="operateReason" placeholder="备注"/>
<el-input
  v-model="operateReason"
   :autosize="{ minRows: 5, maxRows: 5 }"
   type="textarea"
   placeholder="备注"
/>



//css
 :deep(.el-input__wrapper) {
    box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
    background:#F8F8F8;
    cursor: default;
    .el-input__inner {
        cursor: default !important;
    }
}
:deep(.el-textarea__inner) {
    outline: none;
    border: none;
    resize: none;
    box-shadow: none;
    background:#F8F8F8;
}