Estoy tratando de aplicar una imagen de fondo a un select y obtengo resultados que no me gustan mucho.
El resultado que obtengo es este:
Con la imagen a la derecha
Con la imagen a la izquierda
En el segundo caso más o menos se ve todo correctamente, aunque no me gusta nada que la imagen quede en la izquierda del campo.
Lo ideal sería el primer caso, pero como se puede observar la flecha del select y la imagen no se llevan muy bien xD.
El código que aplico en lo referente a la imagen de fondo a la derecha es el siguiente:
Código:
No quisiera tener que solucionar el problema con hacks / javascript etc...select.info, textarea.info, input.info {
background: url('/administracion/img/help.png') no-repeat scroll right center transparent;
padding-right: 25px;
}
Básicamente lo que quiero es que el usuario, visualmente, sepa que poniéndose sobre un campo del formulario hay ayuda asociada a ese campo (el atributo tittle de los input, select...).
Por supuesto podría poner la imagen fuera del campo del formulario usando la etiqueta img, pero preferiría que fuese todo dentro del campo como si fuese una sola unidad.
¿Alguna idea / consejo / solución?
Gracias!
