У меня есть вход, который имеет странную серой линии, но только на iPhone. Это сплошной белый вход для немобильных браузеров. У меня нет андроида, поэтому я не могу проверить, только ли это iPhone. Любые решения, делающие вход полностью белым?
HTML:
<input class="bt-email" type="email" name="email" placeholder="enter email address">
<input class="bt-submit" type="submit" value="let get moving!">
CSS:
.bt-email {
color: #1795db;
display: inline-block;
margin: 0 auto;
height: 30px;
font-family: 'Lato', serif;
font-weight: 300;
padding-left: 15px;
text-decoration: none solid rgb(56, 64, 71);
width: 90%;
background: #ffffff;
border: 4px solid #ffffff;
border-radius: 5px 5px 5px 5px;
}
.bt-email:focus {
outline: #ffffff;
}
.bt-submit {
color: #ffffff;
display: inline-block;
margin: 0 auto;
height: 40px;
font-family: 'Lato', serif;
font-weight: 300;
text-decoration: none solid rgb(56, 64, 71);
width: 90%;
padding-top: 4px;
background: #fb7f2d;
border: 1px solid #fb7f2d;
border-radius: 5px 5px 5px 5px;
}
Я фактически наткнулся на ответ, который я искал. Похоже, мобильный Safari добавляет внутреннюю текстуру к входам. Этот код решил:
CSS:
-webkit-appearance: none;
Попробуйте удалить границу 4px и просто добавьте
padding:4px;
Вместо этого добавив его в существующее дополнение