网页学习体会

  • 首页
  • 个人博客
您的位置: 首页  >  IT文章  >  input type=number去掉上下箭头

input type=number去掉上下箭头

分类: IT文章 • 2023-11-01 08:42:07
<input type="number" ...>

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

  如上即可实现在 input[type="number"] 情况下取消那两个不好看的箭头了

相关推荐

  • input 类型为number时,上下箭头取消问题
  • 去掉 input type="number" 在浏览器中遗留的图标样式
  • Vue 实战-1 去掉 input [number] 默认增减箭头样式
  • html中去掉文本框(input type="text")的边框或只显示下边框
  • 一些开发技巧及兼容方法 移除HTML5 input在type="number"时的上下小箭头
  • 移除input在type="number"时的上下箭头
  • 怎么去掉ViewState产生的 清除number输入框的上下箭头
  • input type=number去掉上下箭头
  • 【转】去掉HTML5中number类型input字段的小箭头
  • vscode 显示"没有活动的源代码控制提供程序“处理
  • 博客园设置背景音乐【不需要额外服务器或第三方音乐平台】
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

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