By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
455,229 Members | 1,398 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 455,229 IT Pros & Developers. It's quick & easy.

Radio button circle outline color

P: n/a
This is driving me crazy. I'm having trouble with how a simple radio
button is displayed, in a simple html form.

The default has the outline around the radio button shaded gray only
in the top left hand side corner and on a white background it doesn't
show up very well. I've seen multiple examples of radio buttons that
are fully outlined in blue and the little dot is green. How the heck
do I do this??? I've figured out how to change the bg, which does
nothing to the outline around the actual little circle. I've been
searching and searching. Please help.

<input type="radio" name="4_admin_today" value="Yes">

TIA
Jul 20 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a


NONYA wrote:
This is driving me crazy. I'm having trouble with how a simple radio
button is displayed, in a simple html form.

The default has the outline around the radio button shaded gray only
in the top left hand side corner and on a white background it doesn't
show up very well. I've seen multiple examples of radio buttons that
are fully outlined in blue and the little dot is green. How the heck
do I do this??? I've figured out how to change the bg, which does
nothing to the outline around the actual little circle. I've been
searching and searching. Please help.


Some browsers allow styling of form controls with CSS but don't expect
consistent results for that, CSS 2 doesn't specify anything about
styling form controls

<style type="text/css">
input.radio {
background-color: lightblue;
color: green;
}
</style>
<form action="">
<input type="radio" class="radio" name="radioName">
<input type="radio" class="radio" name="radioName">
</form>

--

Martin Honnen
http://JavaScript.FAQTs.com/

Jul 20 '05 #2

P: n/a
In message <3f********@olaf.komtel.net>, Martin Honnen
<ma*******@yahoo.de> writes


NONYA wrote:
This is driving me crazy. I'm having trouble with how a simple radio
button is displayed, in a simple html form.
The default has the outline around the radio button shaded gray only
in the top left hand side corner and on a white background it doesn't
show up very well. I've seen multiple examples of radio buttons that
are fully outlined in blue and the little dot is green. How the heck
do I do this??? I've figured out how to change the bg, which does
nothing to the outline around the actual little circle. I've been
searching and searching. Please help.


Some browsers allow styling of form controls with CSS but don't expect
consistent results for that, CSS 2 doesn't specify anything about
styling form controls

<style type="text/css">
input.radio {
background-color: lightblue;
color: green;
}
</style>
<form action="">
<input type="radio" class="radio" name="radioName">
<input type="radio" class="radio" name="radioName">
</form>


IE6 ............. background colour is 'lightblue'; colour is 'black'.

regards

--
Jake
Jul 20 '05 #3

P: n/a
In message <3f********@olaf.komtel.net>, Martin Honnen
<ma*******@yahoo.de> writes


NONYA wrote:
This is driving me crazy. I'm having trouble with how a simple radio
button is displayed, in a simple html form.
The default has the outline around the radio button shaded gray only
in the top left hand side corner and on a white background it doesn't
show up very well. I've seen multiple examples of radio buttons that
are fully outlined in blue and the little dot is green. How the heck
do I do this??? I've figured out how to change the bg, which does
nothing to the outline around the actual little circle. I've been
searching and searching. Please help.


Some browsers allow styling of form controls with CSS but don't expect
consistent results for that, CSS 2 doesn't specify anything about
styling form controls

<style type="text/css">
input.radio {
background-color: lightblue;
color: green;
}
</style>
<form action="">
<input type="radio" class="radio" name="radioName">
<input type="radio" class="radio" name="radioName">
</form>

Opera ............. background colour 'lightblue'; colour is green.
NS7 ................background colour 'white'; colour is black.
NS4.7 ..............background colour 'lightblue'; colour is black.

regards.
--
Jake
Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.