Agregar estilos a los Items Text y Texarea del Formulario en APEX 18.x

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!

Publicado por Ing. Clarisa Maman Orfali

Clarisa es Oracle ACE Director, con más de 27 años de experiencia como desarrolladora, docente, autora y consultora en Tecnologías de la Información. Clarisa es de Argentina que vive y trabaja en Irvine, California, en los Estados Unidos. Ella es autora de los primeros tres libros de Oracle APEX. También es co-fundadora del Grupo de Usuarios de Oracle de Argentina (AROUG) y se ha especializado los últimos 13 años en el desarrollo de aplicaciones web con Oracle Application Express (APEX).

Deja un comentario

A %d blogueros les gusta esto: