样式化Recurly.js输入字段

Question

有谁知道如何直接设置recurly.js生成的输入字段的样式？它通过iframe将输入字段注入页面。他们的文档提供了添加iframe周围的div或spans（无论你使用什么）的类，但它们在iframe中加载了样式alredy，我无法弄清楚如何覆盖它们。

谢谢！

recurly docs

Answer 1

iframe中注入的付款字段样式可以通过recurly注册页面https://dev.recurly.com/docs/getting-started-1#section-styling-card-fields中的recurly.config（）的CSS部分完成。这样，可以在加载重复注册页面时将样式应用于托管的付款字段。

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'
      }
    }
  }
});