我设置了background-position:right center;可是在文本框中输入还是超过了那个放大镜位置，好郁闷啊，什么情况

Question

我设置了background-position:right center;可是在文本框中输入还是超过了那个放大镜位置，好郁闷啊，什么情况

.search_text{

width:190px;

height:25px;

margin-top:6px;

background-image:url(素材包/images/search.jpg);

padding-right:25px;

background-repeat:no-repeat;

background-position:right center;

}

Answer 1

你的问题没有说得很清楚，是在文本框中输入文字超过了放大镜的位置还是其他？而且html代码也没贴上来，所以不懂你这个css的效用是怎么实现的。background-position:right center;是定位背景图片的css啊。你看看我写的图是你要的那样的效果吗？我的代码是这样的HTML：<input class="textbox spinner" type="text" name="username" id="username">CSS：.spinner{    width: 190px;    border: 1px solid #ededed;    background:url(../img/2.png) no-repeat right center;    padding-right: 27px;}