解决ios苹果input存在重影边框和placeholder垂直位置偏上问题

ios 苹果中input框存在重影边框问题

placeholder垂直位置偏上问题

先看图

解决之后

/* 
 解决input在ios存在重影边框问题
 去掉默认样式，上边框的阴影
*/
.placeholderFontsize{
     
    font-size: 0.38rem;
    outline: none;
    -webkit-appearance: none; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* placeholder垂直位置偏上问题  line-height*/
.placeholderFontsize::-webkit-input-placeholder{
     
    font-size:0.3rem !important;
    line-height: 0.4rem;
    [;line-height:1;]/*只在Safari有效*/
}

兼容性

::-moz-placeholder{
     color:red;} /*ff*/
::-webkit-input-placeholder{
     color:red;} /*chrome,safari*/
::-ms-input-placeholder{
     color:red;} /*ie10*/