100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 解决input 中 type=“number“右侧上下箭头以及取消默认滚轮事件

解决input 中 type=“number“右侧上下箭头以及取消默认滚轮事件

时间:2021-02-09 11:02:26

相关推荐

解决input 中 type=“number“右侧上下箭头以及取消默认滚轮事件

1、解决右侧上下箭头

<style>input[type='number'] {-moz-appearance:textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}</style>

2、取消默认滚轮事件

<!-- 解决谷歌浏览器等采用谷歌内核的浏览器 --><input id="test" type="number" name="mouseStop" onmousewheel="return false;"><script> //Firefox $("#test")[0].addEventListener('DOMMouseScroll', MouseWheel, false)function MouseWheel(event) { event = event || window.eventevent.preventDefault()}</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。