网页学习体会

  • 首页
  • 个人博客
您的位置: 首页  >  IT文章  >  去除 input 标签 type为number时的上下箭头按钮

去除 input 标签 type为number时的上下箭头按钮

分类: IT文章 • 2022-05-23 23:42:19

如图,直接设置 type="number" 时会有右侧的按钮显示

去除 input 标签 type为number时的上下箭头按钮

去除方法:

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

相关推荐

  • 一些开发技巧及兼容方法 移除HTML5 input在type="number"时的上下小箭头
  • 移除input在type="number"时的上下箭头
  • 移除HTML5 input在type="number"时的上下小箭头
  • 去除 input 标签 type为number时的上下箭头按钮
  • HTML5去掉输入框type为number时的上下箭头的实现方法
  • 移除input在type="number"时的上下箭头
  • 【转】移除HTML5 input在type="number"时的上下小箭头
  • 【HTML&CSS】【2】去掉input标签type=number时出现的箭头,及禁止输入e和...
  • nginx部署路由模式为history的vue项目踩坑
  • JS中!function(){}()的理解
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 网页学习体会    备案号:   粤ICP备20002247号