Reactjs 如何在Stripe'；卡号是灰色的吗？

我有一个条带输入字段来收集用户的卡号。它工作得很好，只是信用卡徽标的预览颜色是淡蓝色。它与我的ui不匹配。我需要应用一个过滤器：灰度（1）。到目前为止，它只在浏览器检查器上起作用

我的代码是：

//css
常量输入=styled.div`
&.CardBrandIcon容器{
过滤器：灰度（1）！重要；
}
`;
常量输入样式={
showIcon：没错，
iconStyle：“实体”作为StripeCardNumber元素选项[“iconStyle”]，
风格：{
基数：{
颜色：颜色，白色，
fontFamily:`${Font.main}，Helvetica，无衬线`，
重量：600，
字体大小：“12px”，
“：：占位符”：{
颜色：颜色，灰色，深色，
fontFamily:`sans serif`，
字体大小：“12px”，
},
},
无效：{
颜色：颜色，红色，
iconColor:Color.red，
},
},
};
//组件
setActive（空）}
onFocus={（）=>setActive（true）}
onChange={（e）=>handleError（e）}
/>

的颜色为灰色

---

嗨，谢谢你的回答！但是，我已经在style.base和placeholder中拥有了键“color”。它不会覆盖淡蓝色的样式。怎么样？