样式化 Recurly.js 个输入字段

Question

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

谢谢！

recurly docs

Answer 1

注入到 iframe 中的支付字段的样式可以通过循环注册页面 https://dev.recurly.com/docs/getting-started-1#section-styling-card-fields 中 recurly.config() 的 CSS 部分完成。这使样式能够在加载循环注册页面时应用于托管支付字段。

Answer 2

已更新 link：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'
      }
    }
  }
});

样式化 Recurly.js 个输入字段

Styling Recurly.js input fields

recurly