修改elementUI中input的样式

Ccc_yang

已于 2022-11-09 13:40:17 修改

阅读量1.2k

点赞数 3

文章标签： vue.js 前端 javascript

于 2022-08-20 16:28:15 首次发布

本文链接：https://blog.csdn.net/weixin_51219961/article/details/126441233

版权

<el-input class="inputDeep" v-model="loginForm.username">
          <template #prefix>
            <el-icon :size="20"><UserFilled /></el-icon> </template
        ></el-input>

.inputDeep {
      :deep(.el-input__wrapper) {
        background-color: #373333bf;
        border: 1px solid rgb(123, 129, 130);
        box-shadow: 0 0 0 0px
          var(--el-input-border-color, var(--el-border-color)) inset;
        cursor: default;
        .el-input__inner {
          cursor: default !important;
        }
      }
    }