Home > Web Front-end > HTML Tutorial > 1. Text box background image fixed problem 2. Text box cursor positioning problem_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-24 12:15:06
Original
1253 people have browsed it

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;}
Copy after login


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

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

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template