Для моего интернет-магазина я хотел бы предложить кредитную карту в качестве способа оплаты. Я выбрал платежную систему «Стрип». Я уже успешно обработал платежи через SDK, который предлагает Stripe. Но мне не нравятся настройки по умолчанию. Я хотел бы иметь классический c вид с номером кредитной карты, сроком действия и CV C вместо современного лайнера. Как мне адаптировать дизайн к этому?
Прямо сейчас это выглядит так: Изображение
, но в конечном итоге оно должно выглядеть так: Изображение
пример кода:
var elements = stripe.elements();
// Custom styling can be passed to options when creating an Element.
// (Note that this demo uses a wider set of styles than the guide below.)
var style = {
base: {
color: '#32325d',
fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
fontSmoothing: 'antialiased',
fontSize: '16px',
'::placeholder': {
color: '#aab7c4'
}
},
invalid: {
color: '#fa755a',
iconColor: '#fa755a'
}
};
// 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');