Rumah > hujung hadapan web > html tutorial > 1,文本框背景图固定问题 2,文本框光标定位问题_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 12:15:06
asal
1251 orang telah melayarinya

本帖最后由 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;}
Salin selepas log masuk


21行
.txtRight{text-align:right;background:url(../img/srch_ipnt.jpg) no-repeat right 0;}
Salin selepas log masuk

.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;}

  谢谢回答。

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan