¿Cómo cambiar el color de la fuente de un campo?

  • bomberosechenagucia
    Fecha de consulta 11 de diciembre de 2024, 9:28

    Estimados

    En nuestro formulario pusimos el elemento "Completar espacios" pero sucede que cuando se completan por defecto las letras salen en color blanco. No podemos identificar cómo cambiarlas al color negro ya que de ser blancas no contrastan bien con nuestro diseño de formulario.

    Muchas gracias por la ayuda!

    Jotform Thread 22075521 Screenshot
  • Catherine Support Team Lead
    Fecha de respuesta 11 de diciembre de 2024, 10:36

    Hola bomberosechenagucia,

    Gracias por contactarte con el equipo de soporte de Jotform. Para cambiar el color de la fuente del campo de Completar espacios, podemos insertar un código CSS. Es muy sencillo, te explico como:

    1. Primero, copia este código:

    .FITB input {
    color: #140400 !important;
    }

    2. En el Creador de formularios, da clic en el ícono de rodillo de pintura para abrir el Diseñador de formularios.

    3. Bajo la pestaña de Estilos, desliza e inserta el código CSS, en el campo de Insertar CSS personalizado.

    ¿Cómo cambiar el color de la fuente de un campo? Image 1 Screenshot 30

    Mira los resultados a continuación:

    ¿Cómo cambiar el color de la fuente de un campo? Image 2 Screenshot 41

    Pruébalo y déjanos saber si necesitas más ayuda.

  • bomberosechenagucia
    Fecha de respuesta 11 de diciembre de 2024, 11:00

    Muchas gracias, funcionó perfecto. Pero tambien nos pasa esto con el elemento del formulario "nombre y apellido" A pesar de que en la configuración avanzada en Textbox styles esta puesta color de letra negro (imagen 1), al completar el formulario, se escribe en blanco.

    ¿Cómo cambiar el color de la fuente de un campo? Image 1 Screenshot 20

    Aguardo la ayuda

    Saludos

  • Catherine Support Team Lead
    Fecha de respuesta 11 de diciembre de 2024, 11:25

    Hola bomberosechenagucia,

    Copia el siguiente código CSS, siguiendo las mismas instrucciones mencionadas previamente:

    #first_184, #last_184 {
      color: black !important;
     }

    Mira los resultados después de insertar el código:

    ¿Cómo cambiar el color de la fuente de un campo? Image 1 Screenshot 20

    Déjanos saber si tienes alguna otra pregunta.

  • bomberosechenagucia
    Fecha de respuesta 11 de diciembre de 2024, 11:58

    He copiado tal cual e incluido como el anterior caso pero no funciona. Sigue escribiendo en blanco

  • Catherine Support Team Lead
    Fecha de respuesta 11 de diciembre de 2024, 12:01

    Hola bomberosechenagucia,

    Lamentamos la confusión. Intenta con este código a continuación:

    #first_188, #last_188 {
      color: black !important;
     }

    Pruébalo y cuéntanos como te va.

  • bomberosechenagucia
    Fecha de respuesta 11 de diciembre de 2024, 12:16

    Funcionó, gracias!