如何集成AngularJS为Stripe信用卡字段设置样式? [英] How do I style Stripe credit card fields with AngularJS integrated?

问题描述

我已经将AngularJS与包括Stripe的注册表单集成在一起.

I have integrated AngularJS with a sign up form that includes Stripe.

此处的详细信息: https://stackoverflow.com/a/49063641/1435711

在这里拨弄: https://jsfiddle.net/JakeballBase/ubgkforL/

唯一的缺点是条纹"字段的背景是透明的.如何使带有圆角边框的背景变白?像这样的CSS样式:

Only downside is the background of the Stripe fields are transparent. How do I make the background white with rounded border corners? Like this CSS style:

{
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0.25rem;
    padding: 0.5rem 0.375rem;
}

推荐答案

条纹"字段是透明的，因此您可以将背景色应用于父元素.您只需将样式应用于 stripe 标签.

The Stripe fields are transparent so that you can apply the background color to the parent element. You just need to apply the styles to stripe tag.

stripe {
    display: block;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0.25rem;
    padding: 0.5rem 0.375rem;
}

这篇关于如何集成AngularJS为Stripe信用卡字段设置样式?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！