Как сделать размер шрифта в textarea таким же, как поле ввода в CSS?

Question

Размер шрифта в текстовой области в https://jsfiddle.net/Ljxwre2y/ меньше, чем в поле ввода, как я могу сделать их обоих одинакового размера?

body {
  font-family: 'Montserrat';
  font-size: 30px;
}

input,textarea {
  margin: 0;
  padding: 0;
  width: 100%;
}

textarea {
  font-family: inherit;
}

Answer 1

Вы можете использовать селектор '*' для установки шрифтов, размера и семейства, тогда он будет применяться к all элементам на странице, например так:

* 
{
    font-size: 14px;
    font-Family: Arial;
}

Добавьте это как первую записьв вашем css.

Answer 2

добавить размер шрифта в оба ввода, текстовое поле

input,textarea{
font-size: 30px;
}

Answer 3

Попробуйте:

input, textarea {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: "Monsterrat";
    font-size: 30px;
}

И input, и textarea не наследуют семейство шрифтов.Поэтому вам нужно установить для свойства font-family либо имя шрифта, либо ключевое слово inherit.

Answer 4

Вы должны явно установить их в CSS, чтобы браузер не использовал браузер по умолчанию.Например:

input, textarea {font-size: 14px;}

См. jsfiddle

input, textarea {font-size: 14px; font-family: sans-serif;}

Используйте приведенный выше код, чтобы шрифты были абсолютно одинаковыми (а не только размер).См jsfiddle