El marcado html:
Código CSS:
Ver original<p class="departuredateline" id="departuredateline">
<label for="departure" id="labeldeparture">Partida:</label>
<input type="text" class="dateInput default isCalendar focused" id="departure">
<div class="mainSprite buttonCalendarOn calendarImage"></div>
<span class="mainSprite errorIcon"></span>
</p>
El css que aplica a <div class="mainSprite buttonCalendarOn calendarImage"></div> que es el que lleva la imagen (que por cierto utiliza un sprite)
.
Código CSS:
Ver originalsearchBoxFlights .calendarImage {
float: left;
margin-left: -19px;
margin-top: 2px;
}
.buttonCalendarOn {
background-position: -340px -602px;
height: 18px;
width: 17px;
}
.tabExternal, .tabInternal, .tabExternalSelected, .tabInternalSelected, .mainSprite, button span, button em, .button span, .button em, #icoVuelos, #icoHoteles, #icoPaquetes {
background-attachment: scroll;
background-image: url("/css/despegar/sprites/mainSprite.png");
background-repeat: no-repeat;
display: block;
}
Y la imagen mencionada es
ésta