Opções de estilo aprimoradas dos elementos de faixa

Essa nova integração permitirá a capacidade de definir css em folhas de estilo existentes ou em tags de estilo. Os seguintes estilos css são suportados (conforme definido pelo Stripe):

família de fontes, tamanho da fonte, suavização de fontes, estilo de fonte, variante de fonte, peso da fonte, cor do ícone, Altura da linha, espaçamento entre letras, alinhamento de texto, Decoração de texto, sombra de texto, Transformação de textoe cor.

Além disso, você pode definir cada ação como um estilo no #[div-id] .mm-stripe-elements-container .[action] em que [div-id] pode ser #mm_field_cc_number_div, #mm_field_cc_cvv_div ou #mm_field_cc_exp_div e a ação pode ser base, inválida ou completa.

Exemplo:

#mm_field_cc_number_div .mm-stripe-elements-container .complete {
    tamanho da fonte: 42px;
    font-family: Verdana;
    color: yellow;
    line-height: 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;
}