Link to home
Start Free TrialLog in
Avatar of Richard Korts
Richard KortsFlag for United States of America

asked on

Form Field Borders (Padding)

See attached. I want to put a white border around the grey form field text areas.

Here is part of the html. I only added padding to a few of the fields to see if it works; it doesn't.

Name*: <input type="text" size="20" name="cname" style="color: #000; background-color : #efefef; padding: 5px;"><br>
                                                Address*: <input type="text" size="20" name="addr" style="color: #000; background-color : #efefef; padding: 5px;"><br>
                                                City*: <input type="text" size="10" name="city" style="color: #000; background-color : #efefef; padding: 5px;">, Zip*: <input type="text" size="5" name="zip" style="color: #000; background-color : #efefef; padding: 5px;" value="<? print $_POST['zip']; ?>"><br>
                                                Billing Address if different from Service Address:<br>
                                                Billing Address: <input type="text" size="20" name="baddr" style="color: #000; background-color : #efefef;"><br>
                                                Billing City: <input type="text" size="10" name="bcity" style="color: #000; background-color : #efefef;">, Billing Zip: <input type="text" size="5" name="bzip" style="color: #000; background-color : #efefef;"><br>
                                                Telephone*: <input type="text" size="10" name="phone" style="color: #000; background-color : #efefef;"><br>
                                                E-Mail*: <input type="text" size="30" name="email" style="color: #000; background-color : #efefef;"><br><br>
                                                Credit Card*: <input type="text" size="20" name="ccno" style="color: #000; background-color : #efefef;">
                                                Expiration Date*:&nbsp;Month:&nbsp;<select name="expmo" style="color: #000; background-color : #efefef; width: 50px;">

I am trying to use padding, but it doesn't work.

How can I do this?
payment-form.jpg
ASKER CERTIFIED SOLUTION
Avatar of Chris Stanyon
Chris Stanyon
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Alternatively, you could use the border:

<input type="text" size="20" name="cname" style="color: #000; background-color : #efefef; border: 1px solid white;">