Input 文本框背景中的图像精灵

我想在输入文本框的背景中显示图像。图像应放置在输入文本框的最右侧中心部分。可通过以下代码轻松完成：

    <input type="text" class="card" size=20 />

我面临的问题是，这幅图像是一个精灵，由3幅图像组成。我想在背景位置显示这幅图像-34px 0，宽度是23px

如何使用css指定背景位置和大小

---

提前谢谢

如果精灵过紧，则无法在CSS中剪裁背景，其他选项是在输入框旁边添加一个跨距，并将背景设置为精灵以及正确的高度和宽度，然后使用背景位置获得正确的图像，完成此操作后，您可以使用左负值定位跨度，将其拉到文本框的左侧，希望这有帮助：）

O

我正在为一个移动网站制作此页面。span定位手柄是否适用于所有屏幕尺寸？是的，如果您的包装器位置正确，我为您添加了一个测试，请注意

IE中的显示属性将需要

显示：内联

    .card{
     background:url('image.png') no-repeat right center;
       }

<div style="position:relative; display:inline-block;">
  <input type="text" /><span style="position:absolute; right:0px; background:#FF0000">O</span>
</div>