vue element input 样式调整

el-input placeholder 过长省略缩进

vue 代码 avue form

<span slot="timeout_seconds" slot-scope="scope">
        <el-input placeholder="Por favor, introduzca un tiempo de espera" title="Por favor, introduzca un tiempo de espera" class="timeout"  @blur="tirmFrom()" v-model="form.timeout_seconds" maxlength="11"  onkeyup="this.value = this.value.replace(/[^\d.]/g,'');" >
          <i slot="suffix" style="font-style:normal;margin-right: 7px;">segundo</i>
        </el-input>
      </span>

css 样式调整

.icon-delete{
      font-family: model;
      content: '';
      font-size:1.3rem;
    }
    .icon-delete::after{
      content:"\e612";
    }
    /deep/ .el-input__inner{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .timeout /deep/ input{
      padding-right: 66px;
    }