SitePoint Sponsor |
|
User Tag List
Results 1 to 9 of 9
Thread: Simple question about style
-
May 4, 2001, 21:04 #1
- Join Date
- May 2001
- Location
- hong kong
- Posts
- 214
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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........
-
May 4, 2001, 23:39 #2
- Join Date
- May 2001
- Location
- View Ridge
- Posts
- 692
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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?
-
May 5, 2001, 01:39 #3
- Join Date
- May 2001
- Location
- hong kong
- Posts
- 214
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
simple question
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
-
May 5, 2001, 02:36 #4
- Join Date
- May 2001
- Location
- View Ridge
- Posts
- 692
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
What is your desired result?
-
May 5, 2001, 03:01 #5
- Join Date
- Jan 2001
- Location
- Exeter, Devon, UK
- Posts
- 477
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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
-
May 5, 2001, 05:58 #6
- Join Date
- Apr 2001
- Location
- Seattle
- Posts
- 281
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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).
-
May 5, 2001, 07:00 #7
- Join Date
- May 2001
- Location
- hong kong
- Posts
- 214
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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.
-
May 5, 2001, 07:01 #8
- Join Date
- Jan 2001
- Location
- Milton Keynes, UK
- Posts
- 1,011
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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!
-
May 5, 2001, 07:43 #9
- Join Date
- May 2001
- Location
- hong kong
- Posts
- 214
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
simple csss
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..........
Bookmarks