recurly - 样式化 Recurly.js 输入字段

Question

有谁知道如何直接设置由 recurly.js 生成的输入字段的样式？它通过 iframe 将输入字段注入页面。他们的文档提供了添加到 iframe 周围的 div 或 span（无论您使用什么）的类，但是它们的样式已经加载到 iframe 中，我不知道如何覆盖它们。

谢谢！

周期性文档

Answer 1

可以通过循环注册页面https://dev.recurly.com/docs/getting-started-1#section-styling-中 recurly.config() 的 CSS 部分对 iframe 中注入的付款字段进行样式设置卡片字段。这样可以在加载循环注册页面时将样式应用于托管支付字段。

Answer 2

更新链接：https ://dev.recurly.com/docs/recurly-js-getting-started

您可以将样式添加到 recurly.config

recurly.config({
  publicKey: ...,
  style: {
    all: {
      fontSize: '16px',
      fontColor: 'green',
      placeholder: {
        color: 'gray !important',
        fontWeight: 'bold'
      }
    }
  }
});