{"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":"opcoes-aprimoradas-de-estilo-de-elementos-de-faixa","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/pt\/documentos-3-2\/opcoes-aprimoradas-de-estilo-de-elementos-de-faixa\/","title":{"rendered":"Op\u00e7\u00f5es de estilo aprimoradas dos elementos de faixa"},"content":{"rendered":"

Essa nova integra\u00e7\u00e3o permitir\u00e1 a capacidade de definir css em folhas de estilo existentes ou em tags de estilo. Os seguintes estilos css s\u00e3o suportados (conforme definido pelo Stripe):<\/p>\n\n\n\n

fam\u00edlia de fontes<\/em>, tamanho da fonte<\/em>, suaviza\u00e7\u00e3o de fontes<\/em>, estilo de fonte<\/em>, variante de fonte<\/em>, peso da fonte<\/em>, cor do \u00edcone<\/em>, Altura da linha<\/em>, espa\u00e7amento entre letras<\/em>, alinhamento de texto<\/em>, Decora\u00e7\u00e3o de texto<\/em>, sombra de texto<\/em>, Transforma\u00e7\u00e3o de texto<\/em>e cor<\/em>.<\/p>\n\n\n\n

Al\u00e9m disso, voc\u00ea pode definir cada a\u00e7\u00e3o 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\u00e7\u00e3o pode ser base, inv\u00e1lida ou completa.

Exemplo:<\/p>\n\n\n\n

#mm_field_cc_number_div .mm-stripe-elements-container .complete {\n    tamanho da fonte: 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":"
Essa nova integra\u00e7\u00e3o permitir\u00e1 definir o CSS em folhas de estilo existentes ou em tags de estilo. Os seguintes estilos css s\u00e3o suportados (conforme definido pelo 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 e 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\/pt\/wp-json\/wp\/v2\/ht-kb\/8350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/users\/21411"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/comments?post=8350"}],"version-history":[{"count":1,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb\/8350\/revisions"}],"predecessor-version":[{"id":21312,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb\/8350\/revisions\/21312"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/media?parent=8350"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-category?post=8350"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-tag?post=8350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}