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 @   彳小闲鱼  阅读(607)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示