el-input的type=number去掉后面的调整箭头
一、问题描述
el-input使用tpye =number时,是可以在输入框中输入数字格式的内容,但是会在输入框的右边出现上下调整的箭头,虽然不影响功能,但是看着很不美观
二、解决方法
<el-input type="number"></el-input>
<style lang="scss">
/deep/ input::-webkit-outer-spin-button,
/deep/ input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
}
/deep/ input[type="number"] {
-moz-appearance: textfield !important;
}
</style>
在样式中加入上段代码即可
目前谷歌浏览器是可以实现功能,其余浏览器没做实验