заполнитель по вертикали - PullRequest
Новая
       13

заполнитель по вертикали

0 голосов
/ 05 ноября 2018

Может кто-нибудь помочь мне исправить вертикальное выравнивание заполнителей в IE для моего сайта https://viaggiodellamaturita.it? Я исправил в других браузерах и хорошо выглядит с transform: translateY (3px); к сожалению, html взят из виджета моей информационной компании, поэтому я не могу его изменить, у меня есть только доступ к стилю CSS.

Если возможно, я бы хотел, чтобы флажок также выглядел одинаково в IE, он выглядит как -webkit-Внешний вид: нет; не работает на т.е. большое спасибо

1 Ответ

0 голосов
/ 05 ноября 2018

На входе установлено line-height: 2em;, это рассчитывается по-разному в разных браузерах. Удалите эту строку, и вы должны увидеть заполнитель, вертикально выровненный как в IE, так и в Chrome / других современных браузерах. 

.subscribeForm input {
  border-width: 1px;
  border-style: solid;
  border-color: #ffd300;
  padding: 16px;
  /* line-height: 2em; */
}

EDIT:

Что касается проблемы appearance, -webkit-appearance - это префикс поставщика .

Путем переключения кода на: 

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

Это обеспечит его применение ко всем браузерам. Обратите внимание, что Edge и IE по-разному обрабатывают префикс .

...