element input类型为number时的(坑)光标上移,去掉后方箭头,maxlength失效,还可输入e特殊字符等问题

//页面
<el-input v-model="value" //你自己的值 placeholder="请输入手机号码" clearable type="number" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');"//限制输入e等特殊字符 oninput="if(value.length>11)value=value.slice(0,11)" //长度为0-11位 @keyup.enter.native="handleQuery" />
//去掉后方箭头
/deep/input::-webkit-outer-spin-button,
/deep/input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
}
/deep/input[type='number'] {
-moz-appearance: textfield !important;
}
//输入汉字光标偏移问题
/deep/.el-input__inner{
line-height: 1px!important;
}

 

posted @ 2022-01-06 10:05  彳小闲鱼  阅读(564)  评论(0编辑  收藏  举报