SitePoint Sponsor |
|
User Tag List
Results 1 to 7 of 7
Thread: Outline on Radio Button?
-
Oct 5, 2007, 17:58 #1
- Join Date
- Jul 2003
- Location
- Toronto, Ontario
- Posts
- 234
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Outline on Radio Button?
Hey guys,
Is there anyway to get rid of the ugly dotted outline on radio buttons?
I've tried outline:none but that didn't seem to work when I applied the class to the button.
Thanks,
Mario$ Available For Hire
Need a website designed or coded? Then feel free to contact me!
PSP Backgrounds - PSPBG.net || Photoshop Brushes - PSBrushes.net
-
Oct 5, 2007, 18:02 #2
- Join Date
- Sep 2006
- Posts
- 145
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Edit: see my follow-up post.
-
Oct 5, 2007, 18:07 #3
- Join Date
- Sep 2006
- Posts
- 145
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Actually, I believe I'm incorrect -- you may be able to remove an outline by doing the following:
.myclass:focus {
outline: none;
}
The :focus part is important, calling the class into action when the element takes stage. You learn something new every day!
-
Oct 5, 2007, 18:14 #4
- Join Date
- Jul 2003
- Location
- Toronto, Ontario
- Posts
- 234
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Hey,
Thank you for the reply.
I tried it out in firefox but had no luck.
http://djbenballer.com/basic_feedback_form/
Added the style right to the radio button.
Code:<input name="" type="radio" value="" class="myclass" />
$ Available For Hire
Need a website designed or coded? Then feel free to contact me!
PSP Backgrounds - PSPBG.net || Photoshop Brushes - PSBrushes.net
-
Oct 6, 2007, 07:44 #5
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 Post(s)
- Tagged
- 6 Thread(s)
Any other ideas?
You shouldn't remove features such a outline which are important for accessibility as keyboard users will have no way to navigate your page. Also form controls are almost impossible to style in a cross browser way so most times its a fruitless pursuit anyway.
People are used to how forms and their controls work on the browsers they use and in many cases it is far better to leave them alone.
The dotted line on the radio button in Firefox doesn't seem to be an outline anyway but rather some browser enhancement to the form element.
-
Oct 6, 2007, 09:25 #6
- Join Date
- Jul 2003
- Location
- Toronto, Ontario
- Posts
- 234
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Hey,
Paul, now that you put it that way, I love the outline haha. Kidding but you got a very good point there so I will leave the outlines as they are.
It's just being a designer as well as a perfectionist these little things get to us, but I guess we just have to let some things slide.
Thanks,
Mario$ Available For Hire
Need a website designed or coded? Then feel free to contact me!
PSP Backgrounds - PSPBG.net || Photoshop Brushes - PSBrushes.net
-
Oct 6, 2007, 15:37 #7
- Join Date
- Sep 2006
- Posts
- 145
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
The day the web is more like print, then maybe we'll have the control we all desire. But I don't think that day will arrive. :-)
Bookmarks