Textarea первая линия жирным шрифтом

Question

У меня есть текстовое поле, в котором я хочу, чтобы первая строка была жирным шрифтом (и шрифт большего размера), поскольку первая строка содержит заголовок. Я попробовал псевдокласс: first-line, он работает в IE, но не работает в Firefox. Также в IE ввод не работает, поэтому я не могу разорвать строку.

Это вообще возможно? И если да, то как?

С уважением, Хенк

Answer 1

Текстовое поле не предназначено для отображения форматированного текста.

Если вам нужна эта функция, вы можете использовать WYSIWYG редактор .

Answer 2

Хотите, чтобы первая строка текстовой области была выделена жирным шрифтом после того, как пользователь завершил ввод всех данных?

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

Или, если вы хотите, чтобы заголовок пользователя выделялся среди остальных, почему бы не ввести ввод для заголовка, а затем текстовую область для тела, например:

<form>
<p>
<label for="usertitle">Title</label>
<input type="text" name="usertitle" id="usertitle" />
</p>
<p>Body</p>
<p>
<textarea></textarea>
</p>
</form>

Таким образом, пользователь получает то чувство важности, которое вы хотите. Вы могли бы даже добавить некоторый javascript, который изменяет входные данные на h3 после того, как они начали связывать текстовую область.

Answer 3

Я ценю, что он не предназначен для стилизации, но это возможно (протестировано в Chrome).

<style>.h-textarea:first-line { font-weight: bold; }</style>
...
<textarea></textarea>

Дает жирную первую строку.

Answer 4

Я не понимаю твоего намерения.

Хотите ли вы, чтобы текст набирался более жирным шрифтом?

Тем не менее согласно css 2.1. спецификация на w3.org вы не можете применить псевдоэлемент: first-line /: first-letter к текстовой области. Только для элемента уровня блока, встроенного блока, заголовка таблицы или ячейки таблицы.

Может быть, я могу помочь, если вы укажете немного больше своих намерений.