Как выровнять текст внутри input по вертикали?

Question

[Август Милович]

Здраствуйте! Нужна помощь, незнаю, как сделать выравнивание текста внутри инпута сверху, а не по центру. Vertical align не помогает.

Вот sass

input
      padding: 19px 0 19px 21px
      border: 1px solid #fff
      background-color: transparent
      color: #fff

    .message
      grid-column-start: 1
      grid-column-end: 4
      margin-top: 40px
      min-height: 150px

HTML:

<input type="text" mame=message placeholder=Message class=message>

Заранее спасибо)

Answer 1

[Ragtime Kitty]

Никак, только эмитировать высоту через padding-bottom, да и зачем вам это? В инпут текст одна строка.
Может вам лучше <textarea> подойдет?

Comments

[Август Милович]

Все почему то этот textarea советуют, но у него треугольник не по стилю

[Ragtime Kitty]

Август Милович, треугольник в textarea убирается одной строчкой - resize: none. А вы зачем-то пытаетесь растянуть элемент, в котором может быть только одна строка.

Расскажите, пжлст, зачем вам это?

[Август Милович]

Ragtime_Kitty, А ресайз не поддерживается IE и андроидом вобще никакими версиями.

[Ragtime Kitty]

Август Милович, так вам сам ресайз и не нужен, это просто треугольник скроет, и на андроиде в том числе. А для ie можно скрыть стрелки через overflow: auto;

[Август Милович]

Ragtime_Kitty, android не поддерживает точно так же, как и ie,

[Nasty2001]

Спасибо за этот тег. Он мне сегодня помог, а точнее вы помогли, сказав про этот тег. Спасибо)))

Answer 2

[Максим]

ну как бы текст в input сам центрируется по вертикали : https://codepen.io/topicstarter/pen/VNzXYO
просто надо указать на padding а height

Comments

[Август Милович]

Мне нужно НЕ по центру как раз

[Максим]

Август Милович, а как ? покажите макет или от руки нарисованную картинку

[Максим]

Август Милович, https://codepen.io/topicstarter/pen/YMxaNK так может быть ?

[Август Милович]

Максим Ленский, А действительно, я просто тупым оказался. Надо было padding использовать