Question

我正在使用网络应用程序（ html / css ），我问自己css是否可以获得我在标题中提出的要求。

我有这个HTML：

<input type="text" class="custom-bg">

这个css：

.custom-bg { 
  background: url(icons.png) right -4579px no-repeat; 
  background-size: 39px 39px; //Size of the icon
}

我的输入并不总是相同的大小，如果您调整浏览器的大小，它可能会改变我想在右上角放置该图标（它是一个向下箭头），这就是我在right属性中background的原因。

我想要一些像位置：正确 5％而不是固定的位置或值（数字）。

有可能吗？（我的意思是css-way，没有js）这是一个很大的webapp，还有一些我无法触及的课程。

由于

Answer 1

鲍曼

绝对是可能的，我一直用它来输入字段，尤其是搜索输入。你需要做的是：

.custom-bg { 
  background: url(icons.png) no-repeat 95% 0px; 
  /*background-size: 39px 39px; //Size of the icon*/
}

只要您的图标在文件中的大小正确，您就不需要背景大小，95％意味着图标将放置在输入字段的最右侧，而0px适用于您的顶部底部间距。您可以相应地调整该百分比。