Javascript 如何仅为图像应用css类 .calendarList{ 背景图像：url（'/resource3/hpsc/common/images/calendar.png'）； 背景位置：135px 50%； 背景重复：无重复； 光标：指针； }

在这里，css类完全应用于输入文本字段，当鼠标移到文本字段上时，光标显示的是手符号总输入字段，

---

我只想显示该图像的手形符号，而不是整个文本字段。

我认为您不可能这么做

---

也许您可以将图像添加为常规图像（而不是bg），并使用一些位置：绝对和z索引将其放置在文本框的后面或前面。

我想您可以使用JavaScript实现，但这将是一个非常复杂的解决方案。如果将图像设置为标签而不是背景图片，并将其放置在输入字段的顶部，则会更容易

.calendarList {  
       background-image: url('/resource3/hpsc/common/images/calendar.png');
       background-position: 135px 50%;
       background-repeat: no-repeat;
       cursor:pointer;
}

<input type="text" id="toDatepicker" class="calendarList" name="searchEndDate" size="20" >

---

请参阅以获取演示。

哪个图像？我没有看到图像。但是，我也没有看到jquery的javascript。我想他/她指的是背景图像这一幅：

背景图像：url（'/resource3/hpsc/common/images/calendar.png'）

@samn我也这么认为，虽然它没有意义。我认为这是某种浏览图标。anwser是好的，但标记是坏的，因为在img标记中获取该图像仅用于显示目的

<input type="text" id="toDatepicker" class="calendarList" name="searchEndDate" size="20" >
<label for="toDatepicker" id="datepickerLabel>
    <img src="/resource3/hpsc/common/images/calendar.png" />
</label>

#datepickerLabel {
    position:relative;
    left:-20px;
    cursor:pointer;
}