I tend to be a bit behind the times, sometimes a generation further
that I want.
So, I've been thing about the "*" selector. I've noticed that unlike
body, it styles form fields and form elements. Unless I'm missing
something here, it seems like setting a wildcard font-family and perhaps
color is a good thing. I'm not sure what else you'd default with that
as setting % sizes,margins and borders on everything would be a mess.
The question for me is: What about taking form fields out of
monospace? Unless you have some wild body font, why not have them the
same font family as the body text?
Perhaps something like this:
<style type="text/css">
*{font-family: Tahoma, Geneva, sans-serif}
body{color: #234567}
#form_table{width: 500px
... border stuff
}
#form_table tr td:first-child{
text-align: right;
width: 10em;
padding-right: 1em;
}
input{width: 100%}
</style>
....
<table id="form_table">
<tr><td><label for="field 1">Field 1</label></td><td><input type="text"
size="4" name="field_1"></td></tr>
....
We all write a lot of forms, and I'm just trying to get some idea of
the state of the form. What styling gets in the way of usability? I'd
like to move beyond plain jane.
Jeff