Forms With Style

Radio and Checkbox Elements

Unconventional Approach

Radio & checkbox demo

The results will be quite different in different browsers. I think the best way to decide what css rules to use should be based on what the expected audience is. Netscape 6 allows some pretty radical things, especially with radio buttons.

If you like a particular feature, let's say a radio buttor's border in Netscape, but hate the way it looks in IE, you can set the feature for Netscape only. The way to do this is to write a JavaScript function to set NS style, an call it with an onload handler. This can also be done on the host by using browser detection to include extra css for a browser that supports it.

Netscape 4 will convert these textareas to a block element, and users won't be able to enter text. The style properties border, padding, or margin, can and should be avoided for form elements in Netscape 4. This can be done by using an import stylesheet: 

<style type="text/css">
/* netscape 4 ignores @import rule */
  @import "forms.css";
</style>

 

Tags

Archived Scripts

*AnimTree
*Tabs
*GlideMenus
*DragLib