braintree - 更改 Braintree 占位符文本颜色

Question

有什么方法可以更改 Braintree javascript 生成的托管字段中的占位符文本颜色？我不认为它是 the options 之一你可以传入构造函数。我们的设计在深色背景上，占位符值不可见。

Answer 1

全面披露:我在布伦特里工作。如果您还有任何问题，请随时联系 support .
有一种方法可以更改占位符颜色，因为它不是 100% 修复，所以没有记录。
但是，在您的 JS 中，您可以执行以下操作:

braintree.hostedFields.create({
  client: clientInstance,
  styles: {
    'input': {
      'font-size': '14pt'
    },
    'input.invalid': {
      'color': 'red'
    },
    'input.valid': {
      'color': 'green'
    },
    '::-webkit-input-placeholder': {
      'color': 'pink'
    },
    ':-moz-placeholder': {
      'color': 'pink'
    },
    '::-moz-placeholder': {
      'color': 'pink'
    },       
    ':-ms-input-placeholder': {
      'color': 'pink'
    },
},

这不是 100% 的修复，因为并非所有浏览器都支持添加占位符，因此在为占位符元素设置样式时，需要浏览器前缀，以便每个浏览器都可以尝试呈现您想要的样式。但是，如果客户在指定的浏览器之外访问此内容，则无法修复。