Question

我正在尝试将背景图像[箭头]移动到按钮的最右侧，我需要从输入按钮右侧大约10px或15px填充，如下所示：jsfiddle.net/44f61m5e /

HTML：

<input type="button" value="Add a new row" class="button_add" />

CSS：

input.button_add {
    height: 32px;
    padding-right: 36px;
    border: 1px solid #000;
    background: #ff9900 url(http://placehold.it/16x16) no-repeat right;   cursor: pointer;
}

演示：http://jsfiddle.net/Tk68M/150/

如果没有添加像这样的图像标记，任何人都可以建议更好的方法：jsfiddle.net/44f61m5e /

提前致谢。

Answer 1

使用像这样的背景位置属性 -

background-position: 95% 30%;

demo

Answer 2

无法使用此类背景，您无法设置"15px from the right side"。

唯一的方法就是在你的第二个小提琴中使用另一个元素。或者让背景图像更宽，图像也必须包括箭头和右边的空白。你可以使用background-position: right。

当然，当您想要向左/向右移动几个像素时，您需要编辑此图像。更好的是使用button和箭头的第二个元素。

Answer 3

这个对我有用并解决了我的问题：

 background-position:right 10px center;

使用CSS设置按钮图像位置

3 个答案: