[thelist] Form CSS styles

[David McCreath]

Judah --

Just a couple of things to add to aardvark's post:

styling:

* I haven't found a way yet to style the "Browse" button on an
<input type="file"> tag. The text field responds to any formatting you 
apply to the inputs, but the button seems to be of its own mind, even up 
to IE 6 and Netscape 6. So if it's important to you that all your 
buttons look the same, bear that in mind.

* All browsers seem to have problems applying style widths to <input 
type="selects">.

usability:

I haven't found any real usability issues with simple changes like 
background color. In fact, in one of our applications we've colored one 
submit yellow with red text to save a document for later work and 
another submit green with black text to publish the document to the 
intranet.

I've never tried some of the fanciness in aardvark's button style, 
though, but I think if you're consistent across the site, people can 
learn new button styles as easily as they can learn images as buttons.

David

aardvark wrote:

>>From: Judah McAuley <judah at wiredotter.com>
>>
>>I'm looking for examples of nice form styling using CSS.
>>
> [...]
> 
[...](saved for reference above - D)

> 
> input.b		{	/*background-color : #eeeeee ;*/
> 			/*border-color : #eeeeee ;*/
> 			/*border-top : 2px solid #ffffcc ;*/
> 			/*border-left : 2px solid #ffffcc ;*/
> 			/*border-bottom : 2px solid #ff9900 ;*/
> 			/*border-right : 2px solid #ff9900 ;*/
> 			color : #000000 ;
> 			/*cursor : hand ;*/
> 			font-family : arial, sans-serif ;
> 			font-size : 12px ;
> 			/*font-weight : bold ;*/
> 			padding-top : 4px ;
> 			padding-bottom : 2px ; }