如何在集成AngularJS的情况下设置条纹信用卡字段的样式？

Question

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

详细信息：https://stackoverflow.com/a/49063641/1435711

在这里小提琴：https://jsfiddle.net/JakeballBase/ubgkforL/

唯一的缺点是Stripe字段的背景是透明的。如何使背景为白色并带有圆角边角？喜欢这个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 {
    display: block;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0.25rem;
    padding: 0.5rem 0.375rem;
}