Clases CSS
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 ➡️