Even better, use display:none; on the checkboxes and radios so everything
lines up right. Updated:
<html>
<head>
<title>Test</title>
<style>
.cssNoBorder {
border : 0 solid #ffffff;
overflow : hidden;
background-color : #ffffff;
}
</style>
</head>
<body style="background-color;#ffffff;">
<table border="0" cellpadding="4" cellspacing="4">
<tr valign="top">
<td>Button:</td>
<td><input type="button" class="cssNoBorder" value="SomeValue"></td>
</tr>
<tr valign="top">
<td>Text:</td>
<td><input type="text" class="cssNoBorder" value="SomeValue"></td>
</tr>
<tr valign="top">
<td>Select:</td>
<td><select class="cssNoBorder"><option>1</option></select></td>
</tr>
<tr valign="top">
<td>Textarea:</td>
<td><textarea class="cssNoBorder">SomeValue</textarea></td>
</tr>
<tr valign="top">
<td>Checkbox:</td>
<td><input type="checkbox" class="cssNoBorder"
style="display:none;"> SomeValue</checkbox></td>
</tr>
<tr valign="top">
<td>Radio:</td>
<td><input type="radio" class="cssNoBorder"
style="display:none;"> SomeValue</checkbox></td>
</tr>
<tr valign="top">
<td>File:</td>
<td><input type="file" class="cssNoBorder" value="SomeValue"></td>
</tr>
<tr valign="top">
<td>Password:</td>
<td><input type="password" class="cssNoBorder" value="SomeValue"></td>
</tr>
<tr valign="top">
<td>Reset:</td>
<td><input type="reset" class="cssNoBorder" value="SomeValue"></td>
</tr>
<tr valign="top">
<td>Submit:</td>
<td><input type="submit" class="cssNoBorder" value="SomeValue"></td>
</tr>
</table>
</body>
</html>
--
Frank W. Zammetti
Founder and Chief Software Architect
Omnytex Technologies
http://www.omnytex.com
On Wed, September 14, 2005 1:36 pm, Frank W. Zammetti said:
> Yeah, no good... Below is a quick test you can play with. I couldn't
> figure out how to get the selects to work like the rest. Checkboxes and
> radios too it doesn't like you can do much with, but they may be OK. Here
> you go though, pretty simple stuff...
>
> <html>
> <head>
> <title>Test</title>
> <style>
> .cssNoBorder {
> border : 0 solid #ffffff;
> overflow : hidden;
> background-color : #ffffff;
> }
> </style>
> </head>
> <body style="background-color;#ffffff;">
> <table border="0" cellpadding="4" cellspacing="4">
> <tr valign="top">
> <td>Button:</td>
> <td><input type="button" class="cssNoBorder" value="SomeValue"></td>
> </tr>
> <tr valign="top">
> <td>Text:</td>
> <td><input type="text" class="cssNoBorder" value="SomeValue"></td>
> </tr>
> <tr valign="top">
> <td>Select:</td>
> <td><select class="cssNoBorder"><option>1</option></select></td>
> </tr>
> <tr valign="top">
> <td>Textarea:</td>
> <td><textarea class="cssNoBorder">SomeValue</textarea></td>
> </tr>
> <tr valign="top">
> <td>Checkbox:</td>
> <td><input type="checkbox"
> class="cssNoBorder"> SomeValue</checkbox></td>
> </tr>
> <tr valign="top">
> <td>Radio:</td>
> <td><input type="radio"
> class="cssNoBorder"> SomeValue</checkbox></td>
> </tr>
> <tr valign="top">
> <td>File:</td>
> <td><input type="file" class="cssNoBorder" value="SomeValue"></td>
> </tr>
> <tr valign="top">
> <td>Password:</td>
> <td><input type="password" class="cssNoBorder"
> value="SomeValue"></td>
> </tr>
> <tr valign="top">
> <td>Reset:</td>
> <td><input type="reset" class="cssNoBorder" value="SomeValue"></td>
> </tr>
> <tr valign="top">
> <td>Submit:</td>
> <td><input type="submit" class="cssNoBorder" value="SomeValue"></td>
> </tr>
> </table>
> </body>
> </html>
>
> --
> Frank W. Zammetti
> Founder and Chief Software Architect
> Omnytex Technologies
> http://www.omnytex.com
>
> On Wed, September 14, 2005 12:59 pm, Michael Jouravlev said:
>> This is what I was thinking where problem was. I don't know if CSS can
>> control borders (and arrows for comboboxes) of input elements.
>>
>> On 9/14/05, Frank W. Zammetti <[EMAIL PROTECTED]> wrote:
>>> Laurie had the right idea... you can disable the border for form
>>> fields,
>>> and that's what you would want your stylesheet to do. You may run into
>>> some fields that can't be controlled like that, I've never tried to do
>>> them all (specifically I'm thinking of selects, which seem to be a
>>> world
>>> unto themselves many times).
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: [EMAIL PROTECTED]
>> For additional commands, e-mail: [EMAIL PROTECTED]
>>
>>
>
>
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
