1，文本框背景图固定问题 2，文本框光标定位问题_html/css_WEB-ITnose

本帖最后由 Papaver_Flower 于 2012-09-24 16:26:26 编辑

   环境：在IE8里面，默认在兼容性视图下。

   问题1：输入内容过长，图片便会被挤走。
   问题2：鼠标点进去的时候，光标并没有闪烁在文本框中。而是偏移了出去。

  写了一个精简的例子，希望有位高手可以帮助解决一下。
  下载地址：http://download.csdn.net/detail/papaver_flower/4592947

回复讨论(解决方案)

14行 

.serch_ipt{ width:111px; height:24px; border:none;line-height:24px;padding-left:5px; overflow:hidden; background:none;}

21行

.txtRight{text-align:right;background:url(../img/srch_ipnt.jpg) no-repeat right 0;}

.serch_ipt{background:url(../img/srch_ipnt.jpg) center right;width:116px; height:24px; border:none;text-indent:6px; line-height:24px;}

14行 
CSS code

.serch_ipt{ width:111px; height:24px; border:none;line-height:24px;padding-left:5px; overflow:hidden; background:none;}



21行
CSS code

.txtRight{text-align:right;background:url……

  谢谢你的精彩回答，马上给分。

.serch_ipt{background:url(../img/srch_ipnt.jpg) center right;width:116px; height:24px; border:none;text-indent:6px; line-height:24px;}

  谢谢回答。