{"id":8350,"date":"2023-08-16T09:14:26","date_gmt":"2023-08-16T16:14:26","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&#038;p=8350"},"modified":"2025-09-19T09:27:09","modified_gmt":"2025-09-19T13:27:09","slug":"mejora-de-las-opciones-de-estilo-de-los-elementos-de-las-franjas","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/es\/docs\/mejora-de-las-opciones-de-estilo-de-los-elementos-de-las-franjas\/","title":{"rendered":"Opciones de estilo mejoradas para los elementos de rayas"},"content":{"rendered":"<p>Esta nueva integraci\u00f3n permitir\u00e1 definir css en hojas de estilo existentes o en etiquetas de estilo. Se admiten los siguientes estilos css (definidos por Stripe):<\/p>\n\n\n\n<p><em>font-family<\/em>,&nbsp;<em>tama\u00f1o de fuente<\/em>,&nbsp;<em>suavizado de fuentes<\/em>,&nbsp;<em>estilo de fuente<\/em>,&nbsp;<em>font-variant<\/em>,&nbsp;<em>font-weight<\/em>,&nbsp;<em>icono-color<\/em>,&nbsp;<em>altura de l\u00ednea<\/em>,&nbsp;<em>interlineado<\/em>,&nbsp;<em>alinear texto<\/em>,&nbsp;<em>decoraci\u00f3n de texto<\/em>,&nbsp;<em>sombra de texto<\/em>,&nbsp;<em>transformaci\u00f3n de texto<\/em>y&nbsp;<em>color<\/em>.<\/p>\n\n\n\n<p>Adem\u00e1s, puede definir cada acci\u00f3n como un estilo en #[div-id] .mm-stripe-elements-container .[action] donde [div-id] puede ser #mm_field_cc_number_div, #mm_field_cc_cvv_div o #mm_field_cc_exp_div y action puede ser base, invalid o complete.<br><br>Ejemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>#mm_field_cc_number_div .mm-stripe-elements-container .complete {\n    font-size: 42px;\n    font-family: Verdana\n    color: amarillo;\n    altura de l\u00ednea: 50px;\n} <\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Adding Placeholder to Stripe Fields<\/h2>\n\n\n\n<p>Placeholder text within the fields can be placed using this CSS:<\/p>\n\n\n\n<p><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>#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<p>Certain elements can be adjusted around the field. Here are more examples:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.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":"<p>Esta nueva integraci\u00f3n permitir\u00e1 definir css en hojas de estilo existentes o en etiquetas de estilo. Se admiten los siguientes estilos CSS (definidos por 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 y 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\/es\/wp-json\/wp\/v2\/ht-kb\/8350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/users\/21411"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/comments?post=8350"}],"version-history":[{"count":1,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/8350\/revisions"}],"predecessor-version":[{"id":21312,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/8350\/revisions\/21312"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media?parent=8350"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=8350"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=8350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}