0

我有一个带类的输入字段。在焦点上,背景图像位置会发生变化。但是我需要在对焦后回到位置。

有什么办法吗?可能有一些js?

的CSS

.login-day{width: 68px; height:48px; line-height: 48px; background: url(/assets/templates/img/dd.jpg) 0 0 no-repeat transparent;}

.login-day:focus{background-position: -68px 0;}

.login-day:focus-out???{background-position: 0 0;}

html

<input class="login-day" type="text" name="date" />

小提琴:http: //jsfiddle.net/fourroses666/9Q6nN/1/


已解决:http: //jsfiddle.net/fourroses666/9Q6nN/4/

4

1 回答 1

2

要再次将位置重置为前一个位置,请使用悬停而不是焦点。尝试这个

.login-day{width: 68px; height:48px; line-height: 48px; background: url(/assets/templates/img/dd.jpg) 0 0 no-repeat transparent;background-position: 0 0;}

.login-day:hover{background-position: -68px 0;}

通过 jquery 也可以

<input class="login-day" type="text" name="date" onfocus="$('.login-day').css('background-position','-68px 0px');" onblur="$('.login-day').css('background-position','0px 0px');" >
于 2013-06-21T12:01:13.377 回答