移动web端<input type="number">手机上点击直接打开数字键盘，并修改样式去除最右端上下箭头
2015-01-13 19:16
716 查看
CSS样式代码：
HTML页面代码：
其中，onblur事件似乎没有效果，希望路人朋友大神能给出更好的解决办法，拜谢。
input[type='number'] {
-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}HTML页面代码：
<input type="text" id="loginName" name="loginName" value="请输入手机号码" onfocus="if (value =='请输入手机号码'){value =''} this.type='number'" onblur="this.type='text' if (value ==''){value='请输入手机号码'}"/>其中，onblur事件似乎没有效果，希望路人朋友大神能给出更好的解决办法，拜谢。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 去除<input type="number" /> 上下箭头
- <input type="file">中怎设置按钮的样式
- 移除HTML5 input在type="number"时的上下小箭头
- 移除HTML5 input在type="number"时的上下小箭头
- 关于Html5中<input type="number" name="points" min="1" max="10" />只能输入整数的问题
- 移除HTML5 input在type="number"时的上下小箭头
- 去除input type="number" 浏览器自带上下箭头
- 关于<input type="file">样式的美化
- <input type="file">定义样式并获取上传文件路径及指定文件类型
- 网站上有一个mp3文件，但是用<a href="my.mp3">下载</a>时，会在播放器里打开，请问我要怎样才能实现点击后下载呢？
- <input type="file" />浏览时只显示指定文件类型
- <input type=“text” name="">width设定无效
- jsp <input type="file"> 清空value值的一种方式
- <input type="text" value="">实现输入提示
- jQuery操作<input type="radio">
- <input type="file">更改 页面显示 浏览 为上传 .
- 关于jsp中<input type="file">获取路径问文件名，获取完全路径问题
- 关于<input type="text">不能显示空格的问题
- 使用<input type="text" value=<%=str%>>出现取值不全的问题
- 自定义<input type="file">样式2