苹果手机输入框和下拉框的样式问题
2018-03-02 09:53
501 查看
在谷歌浏览器测试的时候输入框和下拉框都没有问题，但是真机测试的时候，iPhone手机的输入框就只有上边框或者就是有阴影，下拉框干脆就没有边框
查了很多，发现对于这个问题没有太多的解释，我分享一下我的解决办法
在input和select的css样式中加上-webkit-appearance: none;
但是这样下拉框就没有下拉的三角了，这时候再给select标签加上背景图就好了
查了很多，发现对于这个问题没有太多的解释，我分享一下我的解决办法
在input和select的css样式中加上-webkit-appearance: none;
但是这样下拉框就没有下拉的三角了，这时候再给select标签加上背景图就好了
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 解决手机web输入时,调出输入框,定位样式错乱的问题
- css的position在不同手机系统的兼容问题（点击input标签弹出输入框影响样式）
- ios苹果手机中input输入框光标过长的问题
- 苹果手机点击输入框input 页面放大 超出屏幕问题
- vue2.0 渲染列表在苹果手机加载不出来的问题
- JS 解决安卓手机输入框被软键盘遮住的问题
- 苹果手机浏览器$(document).on("click",function(){})点击无效的问题
- input输入框、select下拉框在安卓与ios上的兼容性问题
- 苹果回应部分iPhone手机异常关机问题
- 解决苹果手机里面的网页返回不刷新页面的问题
- 移动端页面在苹果手机中需要主要的问题
- 关于input在苹果和安卓手机上调用相机和相册的问题
- 安卓手机键盘弹出输入框被挡住问题
- 关于jquery中on绑定click事件在苹果手机失效的问题
- 部分android手机CCEditBox输入之后键盘输入框不消失得问题
- 微信浏览器兼容性问题—Android手机下拉框绑定事件在手机触屏事件中不生效；
- 安卓手机输入法盖住输入框问题
- 苹果手机 滚动不流畅问题简单处理
- 苹果手机会出现的兼容性问题 自动识别手机号变了颜色
- 完美解决苹果iphone手机使用时间和待机时间一样或差不多的问题[图]