Tengo un calendario en mi sitio donde el usuario puede seleccionar un intervalo de tiempo. Estoy usando la biblioteca react-advanced-datetimerange-picker para esto, pero estoy cambiando los estilos predeterminados de la biblioteca y me encontré con un problema.
Me gustaría cambiar el color de fondo en el cuadro que marqué con una flecha roja en la foto de abajo. También tomé una captura de pantalla del panel del desarrollador para que puedas ver los estilos y el marcado.
Parece una tarea fácil, pero he probado muchas opciones sin éxito.
¿Qué debo escribir en mi archivo .css para poder cambiar el color de fondo?
¡Simplemente cambie el fondo de #FFFFFF a cualquier color que desee!
Hay muchos métodos para lograrlo
Como se ve en la captura de pantalla, la entrada tiene una clase inputDate
primer método
** Suponiendo que desea establecer el color de fondo en naranja .
.inputDate{ background: Orange; }Otro método:
Puede usar el estilo en línea agregando style="background: orange" a la entrada
<input style="background: orange" class="inputDate"..... />