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 {

  1. background-color#fff!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!