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 webview元素定位工具的实现)
- html5功能讲解(Html5定位终极解决方案)
- html5移动app开发实战(html5启动原生APP总结)
- html5弹出窗口(Html5页面上如何禁止手机虚拟键盘弹出)
- 用html5做一个音乐的播放器(HTML5自定义mp3播放器源码)
- html5 页面向上滑动(html5手机键盘弹出收起的处理)
- html5炫酷代码(HTML5超炫酷粒子效果的进度条的实现示例)
- html5菜单栏(html5写一个BUI折叠菜单插件的实现方法)
- html5清除浮动的方法(HTML5实现移动端点击翻牌功能)
- html5中提供的绘图元素(使用Html5中的cavas画一面国旗)
- 用于播放视频文件的html5元素(html5自动播放mov格式视频的实例代码)
- html5 spellcheck属性
- html5自动静音(html5录音功能实战示例)
- html5app开发用什么平台(Html5与App的通讯方式详解)
- html5按钮点击跳转(HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题)
- ih5如何点击按钮跳转至网页(HTML5跳转小程序wx-open-launch-weapp的示例代码)
- 来了 成都轨道交通5条线路刷新 进度条(成都轨道交通5条线路刷新)
- 一部手机两套系统 OPPO Find X3的正确打开方式你知道吗(一部手机两套系统)
- OPPO用户看过来 汇总几个春节实用技巧,轻松搞定多设备联动玩法(汇总几个春节实用技巧)
- 北京旅游攻略(北京旅游攻略5日游及其花费)
- 四川旅游攻略(四川旅游攻略自由行攻略)
- 上海迪士尼攻略(上海迪士尼攻略旅游)
热门推荐
- phpsession方法(PHP SESSION机制的理解与实例)
- 创建一个简单的Web API 项目
- python中赋值语句规则(Python动态赋值的陷阱知识点总结)
- 虚拟主机跟云主机有什么区别(云主机和虚拟主机哪个好?)
- css 模块阴影(CSS 曲线阴影实现的示例代码)
- css43个基本技巧(必须掌握10个非常不错的CSS技巧)
- mysql为什么优选innodb(如何区分MySQL的innodb_flush_log_at_trx_commit和sync_binlog)
- python 游戏开发实例(python实现诗歌游戏类继承)
- js setTimeout
- python 串口图形化(python使用MQTT给硬件传输图片的实现方法)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9