问题描述
我在 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 (将#修改为@）