Advanced Search

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

Expand | Embed | Plain Text

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.