css - 如何在集成了 AngularJS 的情况下设置 Stripe 信用卡字段的样式？

Question

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

详情在这里:https://stackoverflow.com/a/49063641/1435711

在这里 fiddle :https://jsfiddle.net/JakeballBase/ubgkforL/

唯一的缺点是 Stripe 字段的背景是透明的。如何使背景变白并带有圆 Angular 边框？喜欢这个 CSS 样式:

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

Answer 1

Stripe 字段是透明的，因此您可以将背景颜色应用于父元素。您只需要将样式应用于 stripe 标签。

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