Stripe payments 如何在Stripe中定制信用卡表单？

我正在使用条带配置支付网关，我有一个基本结构，您可以看到，您可以在

javascript

代码中添加样式，但不能构建以下代码的

HTML

表单内容：

$（文档）.ready（函数（）{
var stripe=stripe（'pk_test_lf3erqzazfbdiinp1wfkxgv'）；
var elements=stripe.elements（）；
变量样式={
基数：{
颜色：'#303238'，
fontSize:'16px'，
fontFamily:“'开放式SAN'，无衬线'，
fontSmoothing:'抗锯齿'，
“：：占位符”：{
颜色：“#CFD7DF”，
},
},
无效：{
颜色：“#e5424d”，
“：焦点”：{
颜色：'#303238'，
},
},
};
var card=elements.create（'card'，{style:style}）；
卡。挂载（“#卡元素”）；
});

信用卡还是借记卡
付款
您可以对元素使用单独的字段，例如：

如果您还想收集持卡人的姓名，则需要使用常规的
字段，并在调用
createToken（）
时在第二个参数中提供其内容：

编辑：如果您希望单独的卡片字段显示卡片品牌图标，您需要自己重新实现该功能。使用
change
事件进行更改相对容易。这里有一个例子：
我喜欢的第一个例子，但它不能激活信用卡的图像，在第一个例子中如何激活该功能。@StaOne我添加了另一个例子，展示如何显示卡品牌图标。这个例子很完美，你对stripe了解很多，我对stripe有些怀疑，在我未来的问题中，我希望你能回答我的问题：）问候！第一天好，我注意到你使用了一个样式库插件来制作信用卡图标，但是stripe在它的简单示例中没有使用单独的样式库，如果你使用它们，它会将它们直接链接到你的js插件。我如何才能避免使用该库而成为一个直接从插件调用它们的条带呢？Elements内置的卡片品牌图标显示只能与“all-in-one”小部件一起使用。如果使用单独的字段，则需要使用自己的资产。在我上面链接的示例中，我使用了，但您当然可以使用其他任何东西。