AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

input去掉输入框type为number时的上下箭头的实现方法

2023-11-27 100
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： input去掉输入框type为number时的上下箭头的实现方法

css：

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}



即可去除上下箭头。

文章标签：
前端开发
关键词：
input number箭头
type number方法
输入框type number
好名字0821
目录
相关文章
那维莱特
|
7月前
|
JavaScript 前端开发
js数字(Number)方法汇总
js数字(Number)方法汇总
那维莱特
63 0
爱你三千遍斯塔克
|
5月前
|
JavaScript 前端开发 开发工具
TypeScript的介绍,let age:number = xxx，可以直接看出数据类型，Type由微软开发，可以在任何浏览器和系统中运行，比较适合大型项目,TypeScript的安装
TypeScript的介绍,let age:number = xxx，可以直接看出数据类型，Type由微软开发，可以在任何浏览器和系统中运行，比较适合大型项目,TypeScript的安装
爱你三千遍斯塔克
59 0
程序猿～厾罗
|
7月前
|
Python
创建自定义函数 is_number() 方法来判
创建自定义函数 is_number() 方法来判
程序猿～厾罗
50 0
破浪前进
|
7月前
|
JavaScript
vue element plus Input Number 数字输入框
vue element plus Input Number 数字输入框
破浪前进
417 0
天玄TX
|
JavaScript 前端开发
js/javascript——常见Number的常用方法
js/javascript——常见Number的常用方法
天玄TX
85 0
全栈若城
|
存储 JavaScript 前端开发
JavaScript】基本数据类型与引用数据类型区别（及为什么String、Boolean、Number基本数据类型会有属性和方法？）
JavaScript】基本数据类型与引用数据类型区别（及为什么String、Boolean、Number基本数据类型会有属性和方法？）
全栈若城
101 0
xindoo
|
算法
Leetcode 313. Super Ugly Number
题目翻译成中文是『超级丑数』，啥叫丑数？丑数就是素因子只有2，3，5的数，7 14 21不是丑数，因为他们都有7这个素数。 这里的超级丑数只是对丑数的一个扩展，超级丑数的素因子不再仅限于2 3 5，而是由题目给定一个素数数组。与朴素丑数算法相比，只是将素因子变了而已，解法还是和朴素丑数一致的。
xindoo
104 1
数据分析螺丝钉
|
6月前
|
存储 SQL 算法
LeetCode 题目 65：有效数字（Valid Number）【python】
LeetCode 题目 65：有效数字（Valid Number）【python】
数据分析螺丝钉
59 5
Hacynn
|
7月前
|
存储 算法
【LeetCode力扣】单调栈解决Next Greater Number（下一个更大值）问题
【LeetCode力扣】单调栈解决Next Greater Number（下一个更大值）问题
Hacynn
53 0
xindoo
|
存储
Leetcode Single Number II （面试题推荐）
给你一个整数数组，每个元素出现了三次，但只有一个元素出现了一次，让你找出这个数，要求线性的时间复杂度，不使用额外空间。
xindoo
41 0