{"id":8350,"date":"2023-08-16T09:14:26","date_gmt":"2023-08-16T16:14:26","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&p=8350"},"modified":"2025-09-19T09:27:09","modified_gmt":"2025-09-19T13:27:09","slug":"options-de-style-pour-les-elements-a-rayures-ameliorees","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/fr\/documents-3-2\/options-de-style-pour-les-elements-a-rayures-ameliorees\/","title":{"rendered":"Options de style pour les \u00e9l\u00e9ments de bande am\u00e9lior\u00e9s"},"content":{"rendered":"

Cette nouvelle int\u00e9gration permettra de d\u00e9finir les css dans les feuilles de style existantes ou dans les balises de style. Les styles css suivants sont support\u00e9s (tels que d\u00e9finis par Stripe) :<\/p>\n\n\n\n

police de caract\u00e8res<\/em>, taille de police<\/em>, lissage des polices<\/em>, style de police<\/em>, font-variant<\/em>, poids de la police<\/em>, couleur de l'ic\u00f4ne<\/em>, hauteur de ligne<\/em>, espacement des lettres<\/em>, alignement du texte<\/em>, d\u00e9coration du texte<\/em>, ombre de texte<\/em>, transformation du texte<\/em>et couleur<\/em>.<\/p>\n\n\n\n

Vous pouvez \u00e9galement d\u00e9finir chaque action en tant que style dans la section #[div-id] .mm-stripe-elements-container .[action] o\u00f9 [div-id] peut \u00eatre #mm_field_cc_number_div, #mm_field_cc_cvv_div ou #mm_field_cc_exp_div et o\u00f9 action peut \u00eatre base, invalide ou compl\u00e8te.

Exemple :<\/p>\n\n\n\n

#mm_field_cc_number_div .mm-stripe-elements-container .complete {\n    font-size : 42px ;\n    font-family : Verdana ;\n    color : yellow ;\n    line-height : 50px ;\n} <\/code><\/pre>\n\n\n\n
Adding Placeholder to Stripe Fields<\/h2>\n\n\n\n
Placeholder text within the fields can be placed using this CSS:<\/p>\n\n\n\n
<\/p>\n\n\n\n
#mm_field_cc_number_div .mm-stripe-elements-container .base {\n  content: \"Card Number\";\n}\n#mm_field_cc_exp_div .mm-stripe-elements-container .base {\n  content: \"Expiration\";\n}\n#mm_field_cc_cvv_div .mm-stripe-elements-container .base {\n  content: \"Security Code\";\n}\n<\/code><\/pre>\n\n\n\n
Certain elements can be adjusted around the field. Here are more examples:<\/p>\n\n\n\n
.StripeElement {\n    background: #fafafa;\n    box-shadow: 0px 0px 0px #fff;\n    height: 53px;\n    border-radius: 0px 0px 0px 0px;\n    width: 100% !important;\n    animation: 0s ease 0s 1 normal none running none;\n    border: 1px solid rgb(228, 228, 228) !important;\n    padding: 14px 8px;\n}\n<\/code><\/pre>","protected":false},"excerpt":{"rendered":"
Cette nouvelle int\u00e9gration permettra de d\u00e9finir les css dans les feuilles de style existantes ou dans les balises de style. Les styles css suivants sont support\u00e9s (tels que d\u00e9finis par Stripe) : font-family, font-size, font-smoothing, font-style, font-variant, font-weight, icon-color, line-height, letter-spacing, text-align, text-decoration, text-shadow, text-transform, et color.....<\/p>","protected":false},"author":21411,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[205],"ht-kb-tag":[],"class_list":["post-8350","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-stripe"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/8350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/users\/21411"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/comments?post=8350"}],"version-history":[{"count":1,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/8350\/revisions"}],"predecessor-version":[{"id":21312,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/8350\/revisions\/21312"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/media?parent=8350"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=8350"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=8350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}