Opciones de estilo mejoradas para los elementos de rayas

Esta nueva integración permitirá definir css en hojas de estilo existentes o en etiquetas de estilo. Se admiten los siguientes estilos css (definidos por Stripe):

font-familytamaño de fuentesuavizado de fuentesestilo de fuentefont-variantfont-weighticono-coloraltura de líneainterlineadoalinear textodecoración de textosombra de textotransformación de textocolor.

Además, puede definir cada acción como un estilo en #[div-id] .mm-stripe-elements-container .[action] donde [div-id] puede ser #mm_field_cc_number_div, #mm_field_cc_cvv_div o #mm_field_cc_exp_div y action puede ser base, invalid o complete.

Ejemplo:

#mm_field_cc_number_div .mm-stripe-elements-container .complete {
    font-size: 42px;
    font-family: Verdana
    color: amarillo;
    altura de línea: 50px;
} 

Adding Placeholder to Stripe Fields

Placeholder text within the fields can be placed using this CSS:

#mm_field_cc_number_div .mm-stripe-elements-container .base {
  content: "Card Number";
}
#mm_field_cc_exp_div .mm-stripe-elements-container .base {
  content: "Expiration";
}
#mm_field_cc_cvv_div .mm-stripe-elements-container .base {
  content: "Security Code";
}

Certain elements can be adjusted around the field. Here are more examples:

.StripeElement {
    background: #fafafa;
    box-shadow: 0px 0px 0px #fff;
    height: 53px;
    border-radius: 0px 0px 0px 0px;
    width: 100% !important;
    animation: 0s ease 0s 1 normal none running none;
    border: 1px solid rgb(228, 228, 228) !important;
    padding: 14px 8px;
}
¿Le ha resultado útil este artículo?

Artículos relacionados

¿No encuentra la respuesta que busca?

Póngase en contacto con nuestro equipo de atención al cliente
Póngase en contacto con nosotros