修改Element UI可清空Input的样式

修改Element UI可清空Input的样式_第1张图片

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

 

// 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;
    }
  }
}

你可能感兴趣的:(ui,vue.js,javascript)