隐藏input文本框为数字number类型时的上下箭头


当input type属性为nuber时,浏览器默认会显示向上和向下两个箭头

隐藏input文本框为数字number类型时的上下箭头

可以通过css隐藏样式隐藏这个样式:

CSS 全选
/* google、safari */
input::-webkit-outer-spin-button,  
input::-webkit-inner-spin-button{  
	-webkit-appearance: none !important;  
	margin: 0;  
}
/* 火狐 */
input[type="number"]{
	-moz-appearance: textfield;
}

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
上一篇:AP.NET Core获得注入管理器
下一篇:.NET Core MVC中间件使用记录日志
评论列表

发表评论

评论内容
昵称:
关联文章

隐藏input文本框数字number类型上下箭头
实现 Input 只能输入数字两位小数点,不闪烁方案
JSON.stringify 输出JSON字符串对日期Date类型处理
NPOI生成Excel文件设置一整列文本类型
消息发送问题
JS清除Input File 选择文件 javascript清除Input File选择文件
win11删除快捷方式箭头
sql server系统表详细说明 之 sys.numbered_procedure_parameters
sql server系统表详细说明 之 sys.numbered_procedures
C# 金额转换,金额数字转换人民币大写
解决uniapp button组件type类型类型
C# LINQ中SUM,MAX,MIN如果数据空,报错NULL
Devexpress GridControl明细标签控制,隐藏detail标签
PVE虚拟机CPU类型先择
保存数据,最后一个文本框取值问题
IVIEW FORM验证 验证数字
ag-grid 列检索-文本框
SQL Server 数据库类型和.NET数据类型映射关系
C# 使用Newtonsoft对象转JSON字符串时候日期类型处理
如何在 Vue 2 中使用 Webpack 构建 favicon.ico 设置自定义根路径前缀

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码