Question

有没有办法在Braintree javascript生成的托管字段中更改占位符文本颜色？我不认为它是你可以传递给构造函数的the options之一。我们的设计是在黑暗的背景下，占位符值是不可见的。

Answer 1

_{完全披露：我在Braintree工作。如果您有任何其他问题，请随时联系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％修复，因为并非所有浏览器都支持添加占位符，因此在设置占位符元素的样式时，需要浏览器前缀，以便每个浏览器都可以尝试呈现所需的样式。但是，如果客户在指定的浏览器之外访问它，则不会进行修复。

更改Braintree占位符文本颜色

1 个答案: