html5隐藏数字(HTML5去掉输入框type为number时的上下箭头的实现方法)
类别:Web前端 浏览量:1263
时间:2021-10-07 00:12:35 html5隐藏数字
HTML5去掉输入框type为number时的上下箭头的实现方法html5中,input type="number"
时 右边会有一个上下小箭头,介绍去掉这个箭头的方法,完成浏览器的兼容,页面效果的统一
一。公共样式
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>去掉输入框type为number时的上下箭头</title> <style> /*谷歌*/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } /*火狐*/ input[type="number"] { -moz-appearance: textfield; } </style> </head> <body> <input type="number" ...> </body> </html>
二。专用样式
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>去掉输入框type为number时的上下箭头</title> <style> /*在谷歌下移除input[number]的上下箭头*/ .inputNumber input[type='number']::-webkit-outer-spin-button, .inputNumber input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; } /*在firefox下移除input[number]的上下箭头*/ .inputNumber input[type="number"] { -moz-appearance: textfield; } </style> </head> <body> <input type="number" class="inputNumber" placeholder="请输入电话号码"> 1 </body> </html>
总结
以上所述是小编给大家介绍的HTML5去掉输入框type为number时的上下箭头的实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对开心学习网网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣
- html5底部组件(HTML5 Blob对象的具体使用)
- 如何获取html5表单中的元素的值(html5 datalist 选中option选项后的触发事件)
- html5带图标下拉菜单(html5小程序飞入购物车抛物线绘制运动轨迹点)
- html5菜单栏(html5写一个BUI折叠菜单插件的实现方法)
- html5div怎样居中(HTML5+CSS设置浮动却没有动反而在中间且错行的问题)
- html5隐藏数字(HTML5去掉输入框type为number时的上下箭头的实现方法)
- html5视频播放代码详解(HTML5基于flash实现播放RTMP协议视频的示例代码)
- html5循环及条件指令(html5实现滑块功能之type="range"属性)
- HTML5 <figure> 、<figcaption>标签
- html5背景怎么变色(HTML5 背景的显示区域实现)
- html5如何使用svg(将SVG图引入到HTML页面的实现)
- html5文档的基本结构及必要的注释(关于HTML5+ API plusready的兼容问题)
- HTML5 播放 RTSP 视频的实例代码(HTML5 播放 RTSP 视频的实例代码)
- html5播放器按菜单键没反应(解决HTML5中的audio在手机端和微信端的不能自动播放问题)
- html5基本标签详解(HTML5 通过Vedio标签实现视频循环播放的示例代码)
- html5手机字体怎么设置(html5给汉字加拼音加进度条的实现代码)
- 寒假余额不满24小时,不如来一场说走就走的亲子阅读之旅(寒假余额不满24小时)
- 省委书记出席的交流会,十位县委书记同场发言,代表公文材料的高水平(省委书记出席的交流会)
- 《刘老根3》热播,去世15年的她却再次被 伤害(去世15年的她却再次被)
- 十二星座爱情支配欲指数(十二星座爱情支配欲指数)
- 虐待儿童是发泄支配欲的愚蠢行为(虐待儿童是发泄支配欲的愚蠢行为)
- 你或许不知道你隐藏的支配欲望(你或许不知道你隐藏的支配欲望)
热门推荐
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9