表单那些事——ios浏览器表单上<input type="submit" />不一致的解决方法
2017-11-08 16:28
483 查看
今天在做移动端页面的时候发现在 IOS 浏览器中按钮显示和安卓的截然不同，
安卓上是这样的
而在苹果上是这样的
ui小姐姐表示很生气，不想理我
解决这个问题只要在样式里加入一句话即可
好了完美解决
安卓上是这样的
而在苹果上是这样的
ui小姐姐表示很生气，不想理我
解决这个问题只要在样式里加入一句话即可
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}好了完美解决
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- <input type="file" name="filePath" />最简单的解决方法
- 用 <button> , <input type="button"> , <input type="submit"> 提交表单的异同
- <input type="submit" VS "button" ... />
- 解决微信内嵌浏览器无法响应<input type='file'>上传文件的思路
- 关于JSP中单击任意标签弹出文件选择框(<input type="file"/>)的实现方法
- HTML <button> 和 input type=“button”的区别 / input type="submit" 和"button"的区别
- JS禁止FORM的<input type="submit" />提交的方法--测试过--非常有用
- 浏览器默认<input type="file"/>标签路径为虚拟路径，获取真实路径需要使用File类的API实现
- <input type="image">标签引发的form表单自动提交
- 关于火狐浏览器下<input type="password" />记住密码的那些事
- HTML <button> 和 input type=“button”的区别 / input type="submit" 和"button"的区别
- 手机浏览器<input type="file">标签调用手机拍照+分片上传
- Android-WebView-解决对选择文件<input type="file">无响应
- Firefox 和 IE 关于 <input type="file" />宽度兼容性方法。
- 关于<input type="checkbox" />取值的方法
- 使用input type=file标签进行文件上传时，在安卓手机中的微信浏览器中不能调起相机，但是在苹果手机中的微信浏览器中可以调用相机。解决办法很简单， <input type="file" nam
- 使用了<input type="submit" value="Submit" onclick="this.disabled=true" />不能提交
- <input type = "submit"> 提交方式和用js的form.submit()有什么区别？
- <input type = "submit"> 提交方式和用js的form.submit()有什么区别？
- 上传图片即时显示<input type="file" />（兼容所有浏览器）