CSS Classes

The default capture form does not have styles set. However, its components have classes defined so that they can be modified at the CSS level by the merchant.

The classes that make up the Flex form are listed below:

Class	DOM element	Description
flex-capture	div.flex-capture	Class that applies to the FlexCapture component container.
field	div.flex-capture > div.field	Class that is applied to the container element of a form field.
field-[field-name]	div.flex-capture > div.field	Class that applies to the container element of a form field for a specific type of field. Example: field-v_pan would be the class for the card number field and field-v_cvv2 would be the class for the security code field.
valid	div.flex-capture > div.field	Class that applies to the field that has been filled in correctly.
invalid	div.flex-capture > div.field	Class that applies to the field that has not been filled correctly.
has-focus	div.flex-capture > div.field	Class that applies to the field that has the focus at a certain time.
marca	div.flex-capture > div.field.field-v_pan > span.marca	In case of the v_pan card number field this class applies to the image showing the logo of the entered card brand.
error-message	div.flex-capture > div.field > small.error-message	Class that applies to the error message that is displayed in case a field has not been filled correctly.

Continue to Parámetros de Configuración del Formulario ➡️