Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

How can I get this effect (lines in an input)?


share|improve this question

1 Answer 1

up vote 6 down vote accepted

You can use a background CSS image for a text area.

textarea {background:url(http://www.example.com/your_image.jpg;}
share|improve this answer
.........bingo! –  igor Sep 15 '10 at 7:14
Beware to control the line-height and font-size explicitly to match your background image or your end result could be terrible. –  Thomas Sep 15 '10 at 11:31
I am imagining horrible yellow legal pad... :P –  Talvi Watia Sep 17 '10 at 6:33

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.