En esta entrega quiero compartir una pregunta que un alumno me hizo sobre cómo puede agregar un color de fondo amarillo a los campos de textos de un formulario para que el usuario identifique exactamente donde se encuentra dentro del formulario.
Si abrimos el formulario en modo ejecución y nos posesionamos en un campo de texto de nuestro formulario, y luego usamos el Inspector del Browser, en mi caso estoy usando el Chrome, podemos ver los estilos CSS aplicados en el elemento:
Aquí no podemos ver el focus del elemento para ello necesitamos forzar el focus en el Inspector, entonces, hacemos clic en :show y se despliega los Force element state y tildamos el focus:
De esa forma vemos las clases que intervienen para poder cambiar el color de fondo y el borde tanto del campo de texto como del campo de área.
.apex-item-select:focus, .apex-item-text:focus, .apex-item-textarea:focus {
- background-color: #fff!important;
- border-color: #0572CE!important;
Si no queremos cambiar los estilos del item textarea, recordemos de no colocar .apex-item-textarea:focus en la regla CSS.
Referencia: thread/4181387
Hasta Pronto!