如何解决在 WooCommerce 结帐中修改 Stripe 信用卡字段布局
我在 WooCommerce 网站上使用 Stripe 支付网关，但我不喜欢信用卡字段的布局。
当前布局：
- 桌面视图：https://ibb.co/94vWTyc
- 移动视图：https://ibb.co/z2Dc8sc
在桌面视图中，我想将所有字段显示为 1 行中的单独字段，如下所示：https://ibb.co/64q9kb0
在移动视图中，我希望字段为 2 行而不是 3 行，Card Number 字段位于第一行，Expiry Date 和 Card Code (CVC) 字段位于第二个（就像现在在桌面视图中一样）。
如果前一个信用卡字段填写完毕后它会自动跳转到下一个信用卡字段，那也很好。
有人可以帮我实现这个目标吗？
字段的 CSS 选择器是：
| 字段 | 选择器 |
|---|---|
| 所有字段 | .wc-stripe-elements-field |
| 卡号 | #stripe-card-element |
| 到期日期 | #stripe-exp-element |
| 卡片代码 (CVC) | #stripe-cvc-element |
还有一个针对输入字段内部的 PHP 过滤器：wc_stripe_elements_styling
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
