我是靠谱客的博主 听话高跟鞋,这篇文章主要介绍【Antdv】input type=number、InputNumber 去掉上下箭头,现在分享给大家,希望可以做个参考。

input type=number

会出现的问题:

1、右侧会出现上线箭头

2、鼠标滚动会修改数值,容易出现负数

解决方案

去掉箭头

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type='number'] {
-moz-appearance: textfield;
}

注意:在弹框中设置可能不生效,less/scss 可以用样式穿透 /deep/

禁用鼠标滑动

@mousewheel.native.prevent @DOMMouseScroll.native.prevent

 InputNumber 去掉上下箭头


form .ant-input-number-handler-wrap {
display: none;
}

最后

以上就是听话高跟鞋最近收集整理的关于【Antdv】input type=number、InputNumber 去掉上下箭头的全部内容,更多相关【Antdv】input内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(136)

评论列表共有 0 条评论

立即
投稿
返回
顶部