东莞vi设计公司排名郑州seo使用教程

光标上移

设置 el-input 的 type='number'后，只能输入数字，输入中文后会自动清空，但是会出现一个问题：【光标会上移，如下图】

解决方法：修改样式

注意：需要使用样式穿透   :deep( )

/*解决el-input设置类型为number时，中文输入法光标上移问题*/:deep(.el-input__inner){line-height: 1px !important;
} 

输入框后面会出现上下箭头

设置 el-input 的 type='number'后，输入框后面会出现上下箭头：【如下图】

 解决方法：修改样式   

注意：需要使用样式穿透   :deep( )

/* 解决el-input设置类型为number时，去掉输入框后面上下箭头*/:deep(input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button) {  -webkit-appearance: none;  margin: 0;  
}