Cette nouvelle intégration permettra de définir les css dans les feuilles de style existantes ou dans les balises de style. Les styles css suivants sont supportés (tels que définis par Stripe) :
police de caractères, taille de police, lissage des polices, style de police, font-variant, poids de la police, couleur de l'icône, hauteur de ligne, espacement des lettres, alignement du texte, décoration du texte, ombre de texte, transformation du texteet couleur.
Vous pouvez également définir chaque action en tant que style dans la section #[div-id] .mm-stripe-elements-container .[action] où [div-id] peut être #mm_field_cc_number_div, #mm_field_cc_cvv_div ou #mm_field_cc_exp_div et où action peut être base, invalide ou complète.
Exemple :
#mm_field_cc_number_div .mm-stripe-elements-container .complete {
font-size : 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;
}