Стили заполнителей выравниваются вверху в Chrome с помощью React Emotion - PullRequest
Новая
       7

Стили заполнителей выравниваются вверху в Chrome с помощью React Emotion

0 голосов
/ 11 марта 2020

У меня есть текст ввода, используя Emotion с React.

Проблема : На Chrome я не могу установить заполнитель сверху.

Это то, что я сейчас сделал 

const InputArea = styled('input')`
  box-sizing: border-box;
  width: 100%;
  height: 26rem;

  padding-top: 1rem;
  padding-left: 1rem;

  border-radius: 0.5rem;
  margin-bottom: 4.8rem;

  padding: 0;

  ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    vertical-align: top;
  }
  ::-moz-placeholder {
    /* Firefox 19+ */
    vertical-align: top;
  }
  :-ms-input-placeholder {
    /* IE 10+ */
    vertical-align: top;
  }

Будем весьма благодарны за любые предложения о том, как этого добиться.

...