Your Ad Here

advanced code snippet search

Posted By

anvilcity on 07/20/10


Tagged


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

math89


Image as textarea background, disappears when text is entered

 / Published in: jQuery
 

URL: http://css-tricks.com/textarea-tricks/

Expand | Embed | Plain Text 
  1. textarea {
  2.   background: url(images/benice.png) center center no-repeat; /* This ruins default border */
  3.   border: 1px solid #888;
  4. }
  5.  
  6. $('textarea')
  7.   .focus(function() { $(this).css("background", "none") })
  8.   .blur(function() { if ($(this)[0].value == '') { $(this).css("background", "url(images/benice.png) center center no-repeat") } });

Report this snippet  

You need to login to post a comment.