Richard Korts
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*: Month: <s elect 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
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*: Month: <s
I am trying to use padding, but it doesn't work.
How can I do this?
payment-form.jpg
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
<input type="text" size="20" name="cname" style="color: #000; background-color : #efefef; border: 1px solid white;">