El formulario de captura por defecto no cuenta con estilos establecidos. Sin embargo, sus componentes cuentan con clases definidas para que puedan ser modificadas a nivel de CSS por el comercio.

A continuación, se listan las clases que componen el formulario Flex:

Clase

Elemento DOM

Descripción

flex-capture

div.flex-capture

Clase que se aplica al contenedor del componente FlexCapture.

field

div.flex-capture > div.field

Clase que se aplica al elemento contenedor de un campo del formulario.

field-[field-name]

div.flex-capture > div.field

Clase que se aplica al elemento contenedor de un campo del formulario para un tipo específico de campo.

Ejemplo: field-v_pan sería la clase para el campo número de tarjeta y field-v_cvv2 sería la clase para el campo código de seguridad.

valid

div.flex-capture > div.field

Clase que se aplica al campo que ha sido llenado correctamente.

invalid

div.flex-capture > div.field

Clase que se aplica al campo que no ha sido llenado correctamente.

has-focus

div.flex-capture > div.field

Clase que se aplica al campo que tiene el foco en determinado momento.

marca

div.flex-capture > div.field.field-v_pan > span.marca

En caso del campo número de tarjeta v_pan esta clase se aplica a la imagen que muestra el logo de la marca de la tarjeta ingresada.

error-message

div.flex-capture > div.field > small.error-message

Clase que se aplica al mensaje de error que se muestra en caso un campo no ha sido llenado correctamente.

Continuar a Parámetros de Configuración del Formulario ➡️