Ruby on rails 4 Rails Braintree-覆盖Braintree-dropin.css

我在我的ruby on rails应用程序中使用braintree作为支付网关。但是我无法为braintree js创建的dropin表单提交定制braintree提交表单样式（css）。我如何定制/覆盖css（样式）？

完全披露：我在Braintree工作。如果您有任何进一步的问题，请随时联系

Braintree的Drop-In表单由外部托管，并使用iFrame加载到页面中。因为表单是托管在其他地方的，所以您能够更改外观的唯一方法是Braintree在CSS中创建javascript挂钩，就像它们在CSS中所做的那样。没有类似的钩子可以让您编辑Drop-In表单的CSS，因此不能更改Drop-In的外观

---

无法编辑插入表单是一种设计选择，其目的是使插入尽可能简单。如果你开始面对表单下降的限制，考虑使用Error。

< P>而UI树JS V2 SDK中的Bead Trink的下降不能提供对CSS样式的支持，

引用外部链接：

Drop-in中的大多数元素都有一个

数据树id

属性，可以 用于应用特定样式

举的例子是：

[data-braintree-id="toggle"] {
  display: none;
}

它接着指出，您也可以使用

替代

对象替代样式

覆盖

对象也可用于更改卡的样式 带有样式对象的字段。您可以替代所有字段的样式 特定的元素类型

例如：

braintree.dropin.create({
  authorization: 'CLIENT_AUTHORIZATION',
  container: '#dropin-container',
  card: {
    overrides: {
      styles: {
        input: {
          color: 'blue',
          'font-size': '18px'
        },
        '.number': {
          'font-family': 'monospace'
        },
        '.invalid': {
          color: 'red'
        }
      }
    }
  }
});

---

需要注意的是，两种SDK的UI下降幅度有显著差异。

谢谢Jacob。我从Braitree支持团队得到了同样的回应。顺便说一下，谢谢你的宝贵时间。