Question

我有一个订阅页面，我想在其中填写用户的卡详细信息。我想使用条纹元素，因此我可以保留我的设计或使用元素的预定义设计

Answer 1

您应该能够在很大程度上适应Elements以使其与现有设计一起使用。

您可以使用现有CSS对围绕Elements的容器进行样式设置。由于Elements本身由Stripe托管并在iframe中提供，因此当您在Javascript代码中创建Elements时，可以在“样式”哈希中指定一组有限的样式属性。

请参阅此处的参考： https://stripe.com/docs/stripe-js/reference#elements-create

var style = {
  base: {
    // Add your base input styles here. For example:
    fontSize: '16px',
    color: "#32325d",
  }
};

// Create an instance of the card Element.
var card = elements.create('card', {style: style});

// Add an instance of the card Element into the `card-element` <div>.
card.mount('#card-element');

您可以在此处看到Stripe放在一起的一系列样式示例：https://stripe.github.io/elements-examples/

我可以在条纹中创建自己的元素设计吗？

1 个答案: