返回顶部
首页 > 资讯 > 精选 >HTML5如何去掉输入框type为number时的上下箭头
  • 886
分享到

HTML5如何去掉输入框type为number时的上下箭头

2023-06-09 12:06:05 886人浏览 薄情痞子
摘要

小编给大家分享一下HTML5如何去掉输入框type为number时的上下箭头,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!html5中,input type="number"时 右边会有一个上下小箭头,

小编给大家分享一下HTML5如何去掉输入框type为number时的上下箭头,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

html5中,input type="number"时 右边会有一个上下小箭头,介绍去掉这个箭头的方法,完成浏览器的兼容,页面效果的统一

HTML5如何去掉输入框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>      .inputNumber input[type='number']::-webkit-outer-spin-button,   .inputNumber input[type='number']::-webkit-inner-spin-button {    -webkit-appearance: none !important;    margin: 0;   }      .inputNumber input[type="number"] {    -moz-appearance: textfield;   }  </style> </head> <body>  <input type="number" class="inputNumber" placeholder="请输入电话号码"> 1 </body></html>

看完了这篇文章,相信你对“HTML5如何去掉输入框type为number时的上下箭头”有了一定的了解,如果想了解更多相关知识,欢迎关注编程网精选频道,感谢各位的阅读!

--结束END--

本文标题: HTML5如何去掉输入框type为number时的上下箭头

本文链接: https://www.lsjlt.com/news/255839.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • HTML5如何去掉输入框type为number时的上下箭头
    小编给大家分享一下HTML5如何去掉输入框type为number时的上下箭头,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!html5中,input type="number"时 右边会有一个上下小箭头,...
    99+
    2023-06-09
  • css如何去掉输入框的边框
    这篇文章主要介绍css如何去掉输入框的边框,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!css去掉输入框的边框的方法:首先打开相应的HTML代码文件;然后在input标签中直接添加css样式为“style="...
    99+
    2023-06-14
  • win11右下角的输入法如何去掉
    要在Windows 11右下角移除输入法图标,可以按照以下步骤操作: 在Windows 11任务栏上找到并右键单击空白区域。 从弹...
    99+
    2024-02-29
    win11
  • 如何去掉win7桌面图标上的小箭头太影响美观了
    以管理员身份打开注册表并定位到 [HKEY_CLASSES_ROOT\lnkfile]并在右侧的地方找到IsShortcut,选中它,按下F2重命名时将这些字符复制,然后将其整个键值删除,接着按下F3打开查找对话框将刚才...
    99+
    2023-06-04
    win7 桌面图标 小箭头 箭头 标上 桌面图
  • 如何实现移动端HTML5页面去掉input输入框的白色背景和边框
    这篇文章主要介绍如何实现移动端HTML5页面去掉input输入框的白色背景和边框,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!效果:jsp 部分代码:<div> ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作