1. Text box background image fixed problem 2. Text box cursor positioning problem_html/css_WEB-ITnose

This post was last edited by Papaver_Flower on 2012-09-24 16:26:26

Environment: In IE8, it is in compatibility view by default.

Problem 1: If the input content is too long, the pictures will be squeezed out.
Question 2: When the mouse clicks in, the cursor does not flash in the text box. Instead, it shifted away.

I wrote a concise example, I hope an expert can help solve it.
Download address: http://download.csdn.net/detail/papaver_flower/4592947

Reply to the discussion (solution )

14 lines

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

21 lines

.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 lines
CSS code

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



21 lines
CSS code

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

Thank you for your wonderful answer, I will give you points immediately.

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

Thank you for your answer.