Принуждение HTML textarea к использованию моноширинного шрифта с помощью CSS

Ответ 1

Если я правильно понимаю, он уже должен наследовать стили user-agent по умолчанию, но если вы хотите явно указать, просто укажите семейство шрифтов (стили, созданные из таблицы стилей Stackoverflow)

textarea {
  font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}

Сначала укажите более специфичные (моноширо-специфические) семейства шрифтов, и если у пользовательского агента нет этого доступного, он будет продолжать проверять их до конца, и в этом случае по умолчанию будет использоваться семейство шрифтов пользовательского агента по умолчанию для этот элемент, если таковой был указан.

Ответ 2

Вы также можете использовать стандартный общий font-family: monospace, но будьте осторожны - в Chrome, Safari и на любом WebKit есть серьезные побочные эффекты (к сожалению).

см.:

• http://webkit.org/blog/67/strange-medium/
• http://archivist.incutio.com/viewlist/css-discuss/103606

Ответ 3

Просто используйте моноширинный шрифт. Например, для чего-то вроде:

<textarea id="mytextarea"></textarea>

css будет:

#mytextarea {
    font-family: monospace;
}

Если вы хотите использовать определенный моноширинный шрифт, вы можете не забывать добавлять общий "моноширь" в конце, если у пользователя нет вашего предпочтительного шрифта:

#mytextarea {
    font-family: 'DejaVu Sans Mono', monospace;
}

Ответ 4

textarea
{
font-family: monospace;
}

Вам может потребоваться добавить важный, если не работает

textarea
{
font-family: monospace !important;
}