Erweiterte Styling-Optionen für Streifenelemente

Diese neue Integration ermöglicht die Definition von Css in bestehenden Stylesheets oder in Style-Tags. Die folgenden Css-Stile werden unterstützt (wie von Stripe definiert):

font-family, Schriftgröße, Schriftglättung, Schriftart, Schriftart-Variante, Schriftart und -gewicht, Icon-Farbe, Zeilenhöhe, Abstand zwischen den Buchstaben, text-align, text-decoration, text-schatten, text-transformund Farbe.

Sie können jede Aktion als Stil in #[div-id] .mm-stripe-elements-container .[action] definieren, wobei [div-id] #mm_field_cc_number_div, #mm_field_cc_cvv_div oder #mm_field_cc_exp_div sein kann und action base, invalid oder complete sein kann.

Beispiel:

#mm_field_cc_number_div .mm-stripe-elements-container .complete {
    Schriftgröße: 42px;
    font-family: Verdana;
    Farbe: gelb;
    Zeilenhöhe: 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;
}