473,786 Members | 2,426 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Radio button circle outline color

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_t oday" value="Yes">

TIA
Jul 20 '05 #1
3 43989


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
In message <3f********@ola f.komtel.net>, Martin Honnen
<ma*******@yaho o.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
In message <3f********@ola f.komtel.net>, Martin Honnen
<ma*******@yaho o.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 ..............b ackground colour 'lightblue'; colour is black.

regards.
--
Jake
Jul 20 '05 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
2171
by: Talon | last post by:
Hi all, I am new to Tk, so please bear with me. I need someone better at math than me to help me figure this out. I am drawing multiple arcs on the same circle. All arcs start at 90 and have varying negative extents (different colors, goes all the way around. Represents a microbial genome). So now that my arcs are drawn, I would would like to draw a line, 25 pixels long that starts on the circle at the endpoint of each of the arcs,...
3
1877
by: Larry Bud | last post by:
Not sure if this is the best place to post this, but can I set the internal color of a radio button? Basically the background color inside the circle. TIA!
5
14715
by: joshuaphillips | last post by:
Hi All, I am creating a Kiosk frontend that has tons and tons of radio buttons. (402 to be exact.) Anyhow, because this is a touch screen application, I have added an image to each radio button that looks like a giant oversized check mark for people with large fingers and shaky hands. I have already added the logic that changes the image once its radio button has been selected. However, I need to remove the pre-existing radio...
1
5563
by: Leeor Geva | last post by:
did any of you guys notice when adding an onclick javascript to a Radio Button List, it will get fired BEFORE the Dot is set if you click on the Text for that particular Circle. My onlick calls this function: if (document.Form1.UserInfo_optStatus_2.checked) { .... }
6
1882
by: Dominic Godin | last post by:
Hi, I have a some radio buttons on a aspx page that cause a post back. I need to get the checked status in the page_init event handler. However it seems that the checked status is only updated after the page_init event. Any way I can get arround this? I'll give a quick example in C#. These two methods are fired when I check the radio button radioBtnExample
7
8721
by: Martijn Mulder | last post by:
How can I put a set of Radio Buttons in a Menu? A bullet list of items where selecting one automatically unselects the others. Thanks
4
16981
by: RC | last post by:
By default the radio button is a hollow circle for unchecked and filled black circle for checked similar for the check box button is a hollow square for unchecked and check symbol for checked.
2
3771
by: Bob Alston | last post by:
I have an application with several forms. Most forms use radio boxes for Yes/No choices. On a few of these, once one option is selected, the user cannot change the selection without moving to another field and then entering the change on the original checkbox. I should mention that there is a background image underneath the entire form. Sometimes I can select any choice and then select the other. On other sets of Yes/No radio...
4
15910
by: Greg Scharlemann | last post by:
I'm having difficulty getting the radio buttons to align vertically with one another and the header (1 2 3 4 5) at the top. Ideally each radio button will be directly below the one above it and the number 1 will be atop the first radio button starting at the left. Any thoughts on how to achieve this? <html> <head> <title></title> <style type="text/css">
0
9647
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
10363
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9961
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8989
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
6745
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5534
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4066
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3669
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2894
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.