Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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


share|improve this question
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.