用于输入的CSS新手背景图像

我有一个图像和阵列16x16的多个图标。e、 g.“http://www.freepbx.org/v3/browser/trunk/assets/css/jquery/vader/images/ui-icons_cd0a0a_256x240.png?rev=1"

你知道如何只选择其中一个图标，并使用CSS将其设置为背景图像吗

我想要实现的是在输入文本元素的右侧有一个x图标或勾号图标，以通知用户作为输入的内容是否有效

谢谢，

---

Stavros

您可以将元素的高度设置为所需图像中图标的高度，然后将该元素的背景设置为：

span {
    background:url(path/to/image) 50px 10px;
    height:10px;
    width:10px;
}

---

其中使用的元素是一个跨度，所需图标位于位置（50px，10px）。要了解有关定位背景的更多信息，请查看：

您可以使用css完成此操作，如下所示：

div#myDiv {
    background-image:url('url-to-image');
    background-position:50px 50px; /* coordinates of the top left corner of the image portion you want to display */
    width:20px; /* Width of image portion */
    height:20px; /* Height of image portion */
}

---

为此，您可以使用背景位置：x y；然后将其更改为背景位置：a b；谢谢你的回复。假设我有以下问题：如何将上述内容设置为背景？可能需要编辑上述注释，看起来您遗漏了代码：）除非它们都是单独的图像，否则您将无法执行此操作，因为您无法指定背景宽度/高度。您可能希望使用一个元素，例如放置在效果输入旁边的。因此：