更改Braintree占位符文本颜色

Question

有没有办法在Braintree javascript生成的托管字段中更改占位符文本颜色？我不认为它是您可以传递给构造函数的选项之一.我们的设计在深色背景上,占位符值不可见.

Answer 1

_{完全披露:我在Braintree工作.如果您有任何其他问题,请随时联系支持.}

有一种方法可以更改占位符颜色,这是没有记录的,因为它不是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%修复,因为并非所有浏览器都支持添加占位符,因此在设置占位符元素的样式时,需要浏览器前缀,以便每个浏览器都可以尝试呈现所需的样式.但是,如果客户在指定的浏览器之外访问它,则不会进行修复.