element ui el-input输入框type=number去掉上下箭头

使用vue框架写法

<div class="container"><el-input v-model="value" type="number"/>
</div>// 选择器前要加::v-deep
<style lang="scss" scoped>
.inputScore-container{::v-deep input::-webkit-outer-spin-button,::v-deep input::-webkit-inner-spin-button {-webkit-appearance: none !important;}::v-deep input[type=‘number’] {-moz-appearance: textfield !important;}
}
</style>

如果是input标签type=number，将上述css代码中::v-deep去掉即可

element ui el-input输入框type=number去掉上下箭头相关推荐

antd Input输入框type=number时如何去掉内部上下箭头
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; } inpu ...
【Antdv】input type=number去掉上下箭头、提示文字、鼠标滚轮
数字输入框在项目中十分常用,但是有一些属性影响使用体验.解决方案如下: 1.整数文字提示解决方法,将title="" title="" 2.鼠标滚轮会修改数值 ...
解决input 中 type=“number“右侧上下箭头以及取消默认滚轮事件
1.解决右侧上下箭头 <style>input[type='number'] {-moz-appearance:textfield;}input[type=number]::-webkit ...
input输入框为number类型时，去掉上下小箭头
input输入框type为number时,去掉上下小箭头,方式如下: <input type="number" ...><style>/* 在Chrome浏 ...
自定义input type=number 的上下箭头
记录一下客户要求:设置input的type=number 但是不能直接输入,只能用上下箭头来控制value. 但是应用场景是手持端,无法让上下箭头显示出来.所以只能重写!!! 思路: 1.先将inp ...
移动端苹果手机的input框type= number只是唤起数字键盘不能阻止输入汉字和字母
移动端苹果手机的input框type= number只是唤起数字键盘不能阻止输入汉字和字母 , input事件的replace(正则,'')没有作用解决办法用input type = text ...
input的type=number时可以输入字母e的解决方式
在开发中遇到的问题,当输入框input的type=number时,仍然可以输入字母e或E,查了资料后才知道,原来当type=number时,计算机是这么处理的:主要原因是e在数学上代表的是⽆理数,是⼀ ...
【vue】element ui的el-input 输入框不能输入值
前言在使用element ui的el-input 输入框时,无法输入内容,后来发现是因为没有给input绑定值(v-model) 原因 Input 为受控组件,它总会显示 Vue 绑定值.(所以必须 ...
uniapp的input标签 type=“number“在移动端打开键盘不能输入小数点问题
uniapp的input标签 type="number"在移动端打开键盘不能输入小数点问题下面展示一些内联代码片. // An highlighted block <in ...

element ui el-input输入框type=number去掉上下箭头

element ui el-input输入框type=number去掉上下箭头相关推荐

最新文章

热门文章