这是我尝试的:
-1。的HTML
<form role="form">
<div class="text-danger" id="errors"></div>
<div class="form-group">
<label for="cardholder-name">Nom complet</label>
<input type="text" id="cardholder-name" name="cardholder-name" placeholder="Jason Doe" required class="form-control">
</div>
<div class="form-group">
<label for="card-element">Informations de la carte</label>
<div id="card-element"></div>
</div>
-2 JS
let card = elements.create('card', {
classes: {
base: "form-control",
focus: "#a9c9eb",
},
});
这就是我得到的(问题=红色箭头,我希望它像=绿色箭头):
谢谢你的时间
----------------我使用的更正----------------
我用这个:
<style>
.StripeElement--focus {
border-color: #80BDFF;
background-color: #fff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.StripeElement--invalid {
border-color: #dc3545;
background-color: #fff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
#card-element.form-control {
display:block;
}
</style>
并更正了这一点:
let card = elements.create('card');
Stripe Elements的Style对象没有提供为内部元素添加边框规则的方法。相反,您应该只将CSS规则添加到包装div中card-element
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句