Bootstrap .form-control 和 RecurlyJS iframe

Question

感谢您阅读我的问题。我在对齐 Recurly 订阅表单的布局时遇到问题。

在屏幕截图中，前 4 个项目使用 .form-control ，其中包含在其中。这些是页面加载后由 Recurly JS 代码加载的。

我尝试确保这些元素的 height: 32px 也是如此，但我无法弄清楚为什么间隙的高度与下面的不同。我希望它们与下面的相同。

http://paulz.dev.biznessapps.com/global/signup_subscribe?plan=mobileapp59

我使用了 Recurly JS v4。 https://js.recurly.com/v4/recurly.js

谢谢！ 保罗

Answer 1

您可以在此处自定义输入字段的样式。

https://dev.recurly.com/docs/getting-started-1#section-styling-card-fields

Answer 2

请试试这个代码

  iframe {
        height: 26px!important;
    }