ie7 input background-image scrolling

/ Published in: CSS
Save to your folder(s)

in ie6 + ie7 when the content on an input exceeds the length the background-image will scroll, solution is to have a container around the input or limit characters to length

Copy this code and paste it in your HTML
  1. <span class="inputText">
  2. <input type="text" value="" />
  3. </span>
  5. /*css*/
  6. .inputText {background:url(x.png) no-repeat scroll 0 0;}
  7. .inputText input {background:none; border:0px none}

Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.