博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
隐藏input输入框的增减按钮
阅读量:5080 次
发布时间:2019-06-12

本文共 524 字,大约阅读时间需要 1 分钟。

 

当input 使用了type='number'后,会出现这个增减数值的按钮,如上所示,

 

解决办法:

1.type='text' ,改为输入字符串,缺点是要做类型转换,而且移动端不会调出纯数字键盘

 

2.type='tel',改为电话号码的类型,移动端中也是会调出纯数字键盘的

 

3.type='number', 增加css样式控制按钮的显示

/* 谷歌 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {    -webkit-appearance: none;    appearance: none;    margin: 0;} /* 火狐 */ input{  -moz-appearance:textfield;}

 

https://www.cnblogs.com/lizhaoyao/p/7568687.html

https://blog.csdn.net/github_38516987/article/details/78072570

 

转载于:https://www.cnblogs.com/wayneliu007/p/10710946.html

你可能感兴趣的文章
vue-cli脚手架build目录下utils.js工具配置文件详解
查看>>
switch支持的数据类型
查看>>
通过Eureka自带REST API强行剔除失效服务
查看>>
C++11 lambda表达式是如何实现的?
查看>>
pthread_rwlock
查看>>
《springMVC》学习笔记
查看>>
第一章 Bootstrap简介
查看>>
C++ 宏定义创建(销毁)单例
查看>>
Java实现各种排序
查看>>
播放背景音乐
查看>>
Android 中关于draw中图片分辨率的说明
查看>>
数据库备份启用加密
查看>>
直线运动
查看>>
理解HTTP session原理及应用(转)
查看>>
phpstorm调试环境XDebug搭建
查看>>
PyNest——part 4: topologically structured networks
查看>>
android4.0 jni Hello World 开发~图解
查看>>
SQL实例整理
查看>>
说说记录
查看>>
python入门-数据类型
查看>>