Html 更改信用卡占位符颜色

我刚刚在网站上添加了信用卡支付功能（您可能需要在购物篮中放置一个商品，然后才能进入结帐页面）

在底部，您可以看到信用卡详细信息的输入位置

我已经定制了表单，最后一步是更改占位符文本的颜色。这些在该图像中高亮显示

在检查颜色设置的位置时，我找不到CSS代码

---

是否有其他方法可以找到颜色，或者有人可以告诉我正确的代码。

输入您的Wordpress自定义程序，添加此自定义CSS代码并根据您的喜好进行编辑：

#stripe-card-element.StripeElement.empty {
background: #ffffff30 !important;
}
#stripe-exp-element.StripeElement.empty {
background: #ffffff30 !important;
}
#stripe-cvc-element.StripeElement.empty {
background: #ffffff30 !important;
}

此部分控制占位符的背景。这是什么意思？

#条带

是元素的一部分。如果您将看到您有“卡元素”、“exp元素”和“cvc元素”。每一个编辑一个不同的部分。其中一个将编辑信用卡号元素的背景、过期日期元素之一和CVC元素的最后一个

#fffff是一个十六进制颜色的代码（选择一个适合您的口味）。十六进制颜色代码后面的30定义了不透明度（如果您希望颜色为纯色，可以将其删除，或者仅在01到99之间使用它）-选择权在您

---

玩一下你的代码，看看你能实现什么：）

如果其他人仍想更改stripe信用卡元素的占位符或任何其他css属性，那么看看这个JSFIDLE，它涵盖了这个用例

下面是带自定义占位符的条纹卡元素的预览

以下是定义卡片元素样式的方式：

var style = {
base: {
  iconColor: '#666EE8',
  color: '#31325F',
  lineHeight: '40px',
  fontWeight: 300,
  fontFamily: 'Helvetica Neue',
  fontSize: '15px',

  '::placeholder': {
    color: '#CFD7E0',
  },
},
};

---

是的，我们可以在JS中创建卡片或paymentRequestButton元素时使用CSS自定义条带元素

对条纹元素进行反应

---

代码示例：

Hi，它只更改背景颜色，而不更改占位符文本的颜色。即使在添加color:CSS时，它仍然不会更改占位符文本的文本颜色。有什么办法可以做到这一点吗？那是不可能的。显示信用卡号的部分是一个iframe，它从条带端获取javascript和CSS，不能用定制CSS的方式进行编辑。您可能想直接联系他们（），并询问他们如何编辑.js文件，使其符合您的需要。啊，好的，谢谢您的关注。我可以联系他们问这个问题。或者更改表单的颜色以更好地适应占位符文本，这也是一个解决方案-更改表单颜色，尽管我仍然建议您与他们联系，以便您也能够自定义该部分：）