Re: style Sheet Form Input Control

Jason,

First, PLEASE do not cross-post. We've recently talked about that, so I
won't go any further than to say that you should post to one group, then
another, either separately or in a reworded request if the info you want
doesn't come in.

Second, paraphrased from the well-written CASCADING STYLE SHEETS by Eric
Meyer from O'Reilly, pages 161 and 162:
INPUT.radio {color: #666666;}
INPUT.check {color: #CCCCCC;}

<.input type="radio" name="r2" value="a" class="radio">
<.input type="checkbox" name="c3" value="one" class="check">

results in a dark grey radio button and a light grey checkbox.

You can also do this as:
INPUT[type="radio"] {color: #666666;}
INPUT[type="checkbox"] {color: #cccccc;}

<.input type="radio" name="r2" value="a">
<.input type="checkbox" name="c3" value="one">

The former is CSS1, the latter is CSS2.

I couldn't find any other data regarding the use of borders or other
appearance tricks.

Hope this helps!
Kehvan M. Zydhek

----- Original Message -----
From: "Jason Peters" <JPeters(at)improveline.com>
To: "HWG Style Sheets Mail List (E-mail)" <hwg-style(at)hwg.org>; "HWG
Techniques (E-mail)" <hwg-techniques(at)hwg.org>
Sent: Tuesday, March 06, 2001 06:25
Subject: style Sheet Form Input Control


| Afternoon all
|
| Does anybody know whether and how it is possible to control the appearance
| of form input elements by means of CSS?
|
| In particular, how can I control the appearance of checkboxes?
|
| I know that I can use BORDER-STYLE and BORDER-WIDTH to control the
| appearance of text and textarea elements.
|
| When I use these styles with checkboxes, however, I get the old style
| checkbox *and* an additional border.
|
| This is for an intranet project where the browser is standardised to
| Explorer V5.
|
| TIA
| ---
| Jason
| jpeters(at)improveline.com
|

HWG hwg-style mailing list archives, maintained by Webmasters @ IWA