Как стилизировать с подчеркивая строки определенной высоты?

Question

[dicem]

Вобщем вопрос следующий:
Имеется форма, в которой есть такой вот <textarea>:

Если подробнее, то высота строк у данного элемента не стандартная, плюс подчеркиваются строки ( даже без символов, так что не обойтись text-decoration'ом ). Потому я пытался выставлять бэкграунд и line-height. но как оказалось, это крайне жесткая вещь и летит при любой возможности.
Еще есть идея многострочного input[type="text"]. Но я даже не представляю как это реализовать. Ппрошу вашей помощи.

Answer 1

[Сергей delphinpro]

Потому я пытался выставлять бэкграунд и line-height. но как оказалось, это крайне жесткая вещь и летит при любой возможности.

Ну обычно так и делают. И ничего нигде не летит. jsfiddle.net/85cxzyth
С плейсхолдером, понятно, то же самое jsfiddle.net/85cxzyth/1

Comments

[dicem]

Спасибо за хороший пример, буду делать по нему.

[Сергей delphinpro]

dicem, положение строк в вертикальной оси можно регулировать свойством background-position-y, если понадобится подвести прямо под текст.