Fatal编程技术网
  • css/
  • 使用CSS设置按钮图像位置

使用CSS设置按钮图像位置

css

使用CSS设置按钮图像位置,css,Css,我正在尝试将背景图像[箭头]移动到按钮的最右侧，我需要从输入按钮的右侧填充大约10px或15px，如下所示：jsfiddle.net/44f61m5e/ HTML: 演示： 有人能推荐一种更好的方法而不添加像这样的图像标签吗：jsfiddle.net/44f61m5e/ 提前感谢。像这样使用背景位置属性- background-position: 95% 30%; 这样使用背景是不可能的，您不能设置“从右侧15px” 唯一的方法是使用另一个元素，如第二把小提琴。或者让背景图像更宽，图像也必须包

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

HTML:

演示：

有人能推荐一种更好的方法而不添加像这样的图像标签吗：jsfiddle.net/44f61m5e/

提前感谢。

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

background-position: 95% 30%;
这样使用背景是不可能的，您不能设置
“从右侧15px”

唯一的方法是使用另一个元素，如第二把小提琴。或者让背景图像更宽，图像也必须包含箭头和右空格。然后您可以使用
背景位置：右

当然，如果要将箭头向左/向右移动几个像素，则需要编辑此图像。更好的方法是使用
按钮和箭头的第二个元素。
这一个对我有效，解决了我的问题：


 background-position:right 10px center;



背景位置可能重复：右30px中心；为我工作：）@Justinas感谢您将我路由到正确的stackoverflow线程。如果按钮具有不同的宽度和高度怎么办？设置
%
值在所有情况下都有效。例如，
背景位置：95%@Bharadwaj你错了。如果宽度=100px，则小于10%等于10px，如果宽度为10px，则小于10%仅为1px@Justinas先前的答案（编辑前）与所问问题相关，是正确的。正如您所提到的，不同的宽度和高度设置
%
就是解决方案。所以，如果你说这是错误的，那么什么是正确的方法？@Bharadwaj
calc（100%-10px）


background-position: 95% 30%;



 background-position:right 10px center;