Bootstrap .form-control 和 RecurlyJS iframe

Bootstrap .form-control and RecurlyJS iframe

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

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

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

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

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

谢谢! 保罗

请尝试此代码

  iframe {
        height: 26px!important;
    }

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

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