首頁 > web前端 > html教學 > 1,文本框背景图固定问题 2,文本框光标定位问题_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-24 12:15:06
原創
1264 人瀏覽過

本帖最后由 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.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板