【问题标题】:Bootstrap .form-control and RecurlyJS iframeBootstrap .form-control 和 RecurlyJS iframe
【发布时间】:2016-12-06 08:59:35
【问题描述】:

感谢您阅读我的问题。我在对齐 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

谢谢! 保罗

【问题讨论】:

    标签: javascript css twitter-bootstrap iframe recurly


    【解决方案1】:

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

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

    【讨论】:

      【解决方案2】:

      请试试这个代码

        iframe {
              height: 26px!important;
          }
      

      【讨论】:

      • 抱歉,我不喜欢使用 !important 属性。
      • 好的,如果你能够编辑 iframe,那么像这样将这个值放入 iframe
      • 恐怕不能修改
      • 我已经减小了容器的边距以适应整体高度。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-11-22
      • 2021-03-25
      • 1970-01-01
      • 1970-01-01
      • 2019-04-22
      • 2012-11-10
      • 2013-10-22
      相关资源
      最近更新 更多