修改Element UI可清空Input的样式

如图所示,修改Input右侧的清空按钮位置:

<el-input class="create-catalog-ipt"
    placeholder="请输入相关章节标题"
    v-model="currentCatalogTitle"
    clearable />

 

// SCSS环境
::v-deep {
  .create-catalog-ipt {
    input {
      height: 32px;
      line-height: 32px;
      padding: 0;
      background-color: transparent;
      border: none;
      font-size: 12px;
    }

    .el-input__suffix {  // 可清空图标内置了定位属性,可直接修改方位
      right: -24px;
      top: -4px;
    }
  }
}

相关推荐

  1. 小程序中修改inputplaceholder字体颜色样式

    2023-12-14 00:00:04       32 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-14 00:00:04       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-14 00:00:04       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-14 00:00:04       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-14 00:00:04       18 阅读

热门阅读

  1. 52.0/框架(详细版)

    2023-12-14 00:00:04       36 阅读
  2. Go 语言指针

    2023-12-14 00:00:04       47 阅读
  3. PHP中什么是Composer?

    2023-12-14 00:00:04       33 阅读
  4. oracle 查看统计信息

    2023-12-14 00:00:04       35 阅读
  5. vue2 vue-router引入使用详解

    2023-12-14 00:00:04       38 阅读
  6. k8s之高级调度

    2023-12-14 00:00:04       47 阅读
  7. 说说webpack中常见的loader?解决了什么问题?

    2023-12-14 00:00:04       40 阅读