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 fontestamanho da fontesuavização de fontesestilo de fontevariante de fontepeso da fontecor do íconeAltura da linhaespaçamento entre letrasalinhamento de textoDecoração de textosombra de textoTransformação de textocor.

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;
}
Este artigo foi útil?

Artigos relacionados

Não consegue encontrar a resposta que está procurando?

Entre em contato com nossa Equipe de Sucesso do Cliente
Entre em contato conosco!