Simple question about style

[uatt]

This is the page I made
http://csss.hypermart.net/test.htm
What my problem is I want to get rid of the white box around button and I know that is something corelated with the style
< style type=text/css >
< !--
A:link {text-decoration: none; color: #408080; font-family: §ºÅé}
A:visited {text-decoration: none; color: #006666; font-family: §ºÅé}
A:active {text-decoration: none; font-family: §ºÅé}
A:hover {text-decoration: none; color: #FF0000}
body,table {font-size: 12px; font-family: §ºÅé}
input { font-size: 12px; color: #000000; background-color: #FBFBFF; padding-top: 3px}
.c { font-family: §ºÅé; font-size: 12px; font-style: normal; line-height: 16px; font-weight: normal; font-variant: normal; text-decoration: none}
-- >< /style >
Very grateful for any help........

[isotope235]

Are you talking about the button color?

If so:

input { font-size: 12px; color: #000000; background-color: #cccccc; padding-top: 3px} .

Hope this helps or?

[uatt]

I change it but it greyish my background color of ICQ&anything table
http://csss.hypermart.net/test1.htm
not exacly the required result..
Thanks

[isotope235]

What is your desired result?

[KMxRetro]

I *think* he means the colour of the radio button backgrounds, (they're white, table cell is grey). Not sure how to fix that myself but thought I'd try to clear it up

[OneChance]

Create a style like this: .radiocolor { color: #000000; background-color: #E1E1E1; }

...and reference it in your radio inputs: <input type="radio" name="Sex" value="w" class="radiocolor">F

The "background-color" is the background color you're matching and "color" should be a contrasting color (I think Mac IE paints the button this color).

[uatt]

SitePoint Enthusiast seems to the point that I like to express.
I can figure out what your meaning is .
I will show you the result if it is ok.

[shane]

Folllowing from OneChance, you could also set the background color to transparent.

.radiocolor { color: #000000; background-color: transparent;}

This still means you have to define two css rules for your form elements. One for your checkboxes and radio buttons and another for all the other input types. Personally, I normally define a catch all one for the input tag, then separate ones for buttons/submits/resets and another for checkboxes/radio buttons.

Technically, you should also be able to use the css selector:

input[type="radio"]

but this isn't very widely supported at the moment. What a suprise!

[uatt]

successful done
Here is the result
http://csss.hypermart.net/2.htm
I must say this is really a wonderful ON-LINE tutorial

Surprisingly I got a bonus from shane( another method that I never imagine before)...

To accomlish job I add all input item with class="radiocolor"
It works

Anyway a joyful person thanks you all..........