2017-01-03 123 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