Какой стиль шрифта по умолчанию для текстового поля в Chrome? (ввод текста и размер текстовой области текста)

Какой стиль шрифта по умолчанию для текстового поля в Chrome? Как он должен выглядеть по умолчанию? Цель моего вопроса заключается в том, что я хочу, чтобы текст во вводе был таким же, как и в текстовом поле. При вводе текста он может быть слишком жирным: P
Должен быть вопрос: Какие свойства шрифта по умолчанию применяются к текстовой области? Что бы я написал, если хочу выглядеть по умолчанию?

textarea {
font-???: ???;
etc.
}

person user1097772    schedule 16.11.2013    source источник


Ответы (2)


Чтобы ответить на ваш вопрос напрямую,

Свойство шрифта по умолчанию для textarea - font-family: monospace

Хотя свойство шрифта по умолчанию для input равно font-family: Arial.

Все свойства стиля по умолчанию для элемента (в Chrome) можно найти, просмотрев вычисленный стиль элемента в инструменте разработчика Chrome. Для всех свойств просмотрите этот (пример)

person Josh Crozier    schedule 16.11.2013
comment
Спасибо и хороший пример :) - person user1097772; 16.11.2013
comment
Если я устанавливаю для семейства font-family неподдерживаемый шрифт (например, ArialMT), то вместо моноширинного устанавливается Times New Roman. Почему? - person Franz Deschler; 03.08.2017
comment
Это не относится ни к Safari, ни к Chrome в macOS, ни к любым браузерам на iOS; Вместо этого используется Helvetica. Однако я не знаю почему. - person chrstphrchvz; 13.06.2018
comment
^^^ для textarea (т.е. Helvetica вместо моноширинного шрифта) - person chrstphrchvz; 13.06.2018

Как упоминалось в другом ответе, вы можете заставить textarea наследовать стиль шрифта, чтобы он выглядел как по умолчанию:

textarea {
  font-family: inherit;
}
person Deniz Ozger    schedule 13.08.2014