Basically I have input form
<div class="input-area search-input-icon">
<span></span>
<input type="text" value="Enter" class="search-input">
</div>
and css for my input
.search-input-icon span {
position: absolute;
background-image: url('../img/../img/tek-s24f4d4af1d.png');
background-repeat: no-repeat;
background-position: 0 -388px;
width: 21px;
height: 21px;
display: block;
top: 25%;
left: 5%;
}
.search-input:focus{
border-color:#faa82b;
.search-in-out-icon {
span{
@include tek-sprite(hover-form-search);
}
}
}
but whenever focus on input form my span icon is not change why ?