Ändern Braintree Placeholder Textfarbe

Question

Gibt es eine Möglichkeit, die Platzhaltertextfarbe in einem von Braintree Javascript generierten gehosteten Feld zu ändern? Ich sehe es nicht als eines der the options Sie können in den Konstruktor übergeben. Unser Design ist auf einem dunklen Hintergrund und die Platzhalterwerte sind nicht sichtbar.

Answer 1

_{Volle Offenlegung: Ich arbeite in Braintree. Wenn Sie weitere Fragen haben, wenden Sie sich bitte an support.}

Es gibt eine Möglichkeit, die Platzhalterfarbe zu ändern, die nicht dokumentiert ist, da es sich nicht um eine 100% ige Korrektur handelt.

in Ihrem JS Sie können jedoch wie folgt vorgehen:

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' 
    } 
}, 

Dies ist keine 100% fix, da nicht alle Browser unterstützen auch einen Platzhalter hinzufügen, so dass, wenn Sie den Platzhalter Element Styling, die Browser-Präfixe werden benötigt, damit jeder Browser versuchen kann, den gewünschten Stil zu rendern. Wenn ein Kunde jedoch außerhalb eines bestimmten Browsers darauf zugreift, ist dies kein Fix.