javascript - 如何仅将CSS类应用于图像

Question

.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" >

这里的css类完全应用于输入文本字段，当鼠标悬停在文本字段上时，光标显示手形符号总输入字段， 我只为该图像而不是为整个文本字段显示手形符号。

Answer 1

我不认为你想做的是可能的。

也许您可以将图像添加为常规图像(而不是背景图像)并使用一些position:absolute和 z-index 将其放在文本框的后面或前面。