我设置了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;}