移动端遇到的问题

    1. /**
    2.  
      * 修改google浏览器,默认的聚焦黄色背景为白色
    3.  
      */

    input:-webkit-autofill,select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    }


    input {
    outline-color: invert;
    outline-style: none;
    outline-width: 0px;
    border: none;
    border-style: none;
    text-shadow: none;
    -webkit-appearance: none;
    -webkit-user-select: text;
    outline-color: transparent;
    box-shadow: none;
    }

    问题1:input框在手机上ios会出现有阴影的效果,如果去掉可使用上面样式,安卓也有
    问题2:input框border-radus这个样式,如果设置了值只设置两个角的值,但在ios手机它会四个角都是圆的,所以要再设置不想让其是圆角的值为0px即可

猜你喜欢

转载自www.cnblogs.com/chaoyuehedy/p/9234608.html
今日推荐