2017-01-03 128 views
4

是否有任何方法来更改Braintree JavaScript生成的托管字段中的占位符文本颜色?我不认为它可以作为the options之一传递给构造函数。我们的设计是在黑暗的背景下,占位符值不可见。更改Braintree占位符文本颜色

回答

7

完全披露:我在布伦特里工作。如果您有任何其他问题,请随时联系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%的修正,因为不是所有的浏览器都支持甚至加入一个占位符,所以造型的占位符元素,浏览器的前缀时是需要的,以便每个浏览器都可以尝试呈现您想要的样式。但是,如果客户在指定的浏览器之外访问,它将不会被修复。

+0

完美,正是我所期待的,谢谢! – tolmark

+0

我敢说,这仍然值得记录!在Braintree文档中搜索了一会儿,然后搜索了一下,当我在那里找不到它时发现了这个。 – gregblass