Серая линия появляется в моем поле ввода на iPhone

0

У меня есть вход, который имеет странную серой линии, но только на iPhone. Это сплошной белый вход для немобильных браузеров. У меня нет андроида, поэтому я не могу проверить, только ли это iPhone. Любые решения, делающие вход полностью белым?

Изображение 174551

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;
 }
  • 0
    Только на айфон? Вы пробовали Android или любой другой браузер? Вы изменили размер своего браузера и посмотрите, сможете ли вы его повторить? Возможно, используйте эмулятор в инструментах разработчика на Chrome и попробуйте скопировать его на разные устройства.
  • 0
    На самом деле он не показывает серую линию в эмуляторе Chrome для любого устройства. Однако, это действительно появляется на фактическом iPhone. У меня было несколько приятелей, подтверждающих это.
Теги:
iphone

2 ответа

1

Я фактически наткнулся на ответ, который я искал. Похоже, мобильный Safari добавляет внутреннюю текстуру к входам. Этот код решил:

CSS:

-webkit-appearance: none;

Связанный с этим вопрос, который решил мою проблему

0

Попробуйте удалить границу 4px и просто добавьте

 padding:4px;

Вместо этого добавив его в существующее дополнение

  • 0
    к сожалению, это не решает проблему.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню