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

  • Post author:
  • Post category:其他


本帖最后由 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;}

谢谢回答。

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理