How to border a text box in a form?

Forum Moderators: not2easy

Message Too Old, No Replies

How to border a text box in a form?

Customers see the bground color but not solid border

pshea

1:17 pm on Oct 25, 2010 (gmt 0)

Customers are calling and cannot "see the box". I see it just fine in IE 8.0.76.

Should I use the outline property or any suggestion would help.

.box {
border-style:solid;
border-width:medium;
border-bottom:2px;
border-right:2px;
border-top:2px;
border-left:2px;
border-color:#000000;
background-color:#FFFFA4;
text-align:center;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

In use here: <input name="qty" type="text" id="qty" value="" size="2" class="box" />

Major_Payne

1:28 pm on Oct 25, 2010 (gmt 0)

If you plan to put a border, shorten it down. You also could use a background image or color, set the font family, size color of font and all good things with CSS.


.box {
border: 2px solid #000;
background:#ffffa4;
text-align:center;
}

Hope your input tags are placed between the proper form tags.

pshea

2:57 pm on Oct 25, 2010 (gmt 0)

Yes, my page validates perfectly and the form layout is accurate. Other than the shorthand, is there any difference between the suggestion and the original? Tks.