Foro

Según la documetación https://developers.conekta.com/page/web-checkout-tokenizer se puede realizar cambios de estilos en el iframe del tokenizer, sin embargo, al enviarlos estos no funcionan, he probado incluyendo la configuración de ejemplo, pero aún así falla.

window.ConektaCheckoutComponents.Card({
targetIFrame: "#conektaIframeContainer",
//Este componente "allowTokenization" permite personalizar el tokenizador, por lo que su valor siempre será TRUE
allowTokenization: true,
checkoutRequestId: "MYREQUEST_ID", // Checkout request ID, es el mismo ID generado en el paso 1
publicKey: "MY_PUBLIC_KEY", // Llaves: https://developers.conekta.com/docs/como-obtener-tus-api-keys
options: {
theme: 'default',
styles: {
// inputType modifica el diseño del Web Checkout Tokenizer
// inputType: 'basic' // 'basic' | 'rounded' | 'line'
inputType: 'basic',
// buttonType modifica el diseño de los campos de llenado de información del Web Checkout Tokenizer
// buttonType: 'basic' // 'basic' | 'rounded' | 'sharp'
buttonType: 'rounded',
//Elemento que personaliza el borde de color de los elementos
colors: {
primary: "#4091f7",
secondary: "red",
empty: "#ADADAD"
},
empty: {
borderColor: '#FFAA00 !important' // Código de color hexadecimal para campos vacíos
},
},
languaje: 'es', // 'es' Español | 'en' Ingles
},
onCreateTokenSucceeded: function(token) {
console.log(token)
},
onCreateTokenError: function(error) {
console.log(error)
}
})

La propiedad empty no esta cambiando el color del borde