Thread: Change background color on credit card number fields

Hi,

I'm looking to chcange the background color on the input fields for credit card number, expiration date, cvv, etc. I found where to change the color for address fields but can't seem to find the same for the CC info. Any suggestions?

Thanks!

Sure, this is possible. If you have the source code, add a class attribute to the input type of the CardNumber, on the Address.cs, InputCardHTML method. Then add a CSS prototype and tie it to the class value you specified and that's it...

I tried the following to no avail. Can you provide me with a code example?

Thanks!

Code:

<input type=\"text\" CssClass=\"CredCardBG\" autocomplete=\"off\" name=\"CardNumber\" id=\"CardNumber\" size=\"20\" maxlength=\"20\" value=\"" + AppLogic.SafeDisplayCardNumber(CardNumber, "Address", m_AddressID) + "\"> " + AppLogic.GetString("shoppingcart.cs.106", m_SkinID, m_LocaleSetting) + "\n");

It should be:

Code:

<input type=\"text\" class=\"CredCardBG\" autocomplete=\"off\" name=\"CardNumber\" id=\"CardNumber\" size=\"20\" maxlength=\"20\" value=\"" + AppLogic.SafeDisplayCardNumber(CardNumber, "Address", m_AddressID) + "\"> " + AppLogic.GetString("shoppingcart.cs.106", m_SkinID, m_LocaleSetting) + "\n");

Why do you need to add a class if it already has an ID?

id=\"CardNumber\"

You can can target the id in your css


TTFN

BFG