Solved

Strange form behavior in Chrome browser -- grayed out radio buttons

Posted on 2014-09-14
3
924 Views
Last Modified: 2014-09-14
Chrome Version 37.0.2062.120 m

I am getting some weird behavior on a registration form, only in the Chrome browser.

The registration form:

http://nnvawi.org/RegisterConference.cfm

The problem:

When I select a radio button (toward the end of the form), then select the checkbox or click away to any other part of the form, the selected radio button becomes grayed out and hard to see. The client is upset because she believes the radio button has become unselected. But it seems like Chrome simply grays out the selected radio button.

This graying-out occurs only in Chrome, as far as I can tell.

Has anyone else run into this? Is there a way to prevent Chrome from graying out my radio buttons?

Thank you for your help!

Eric
0
Comment
Question by:Eric Bourland
  • 2
3 Comments
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 500 total points
ID: 40322001
In ".ebwebworkForm input, .ebwebworkForm textarea", you have a gray 'box shadow' that Firefox seems to ignore but Chrome seems to display as a gray background that makes your radio buttons look funny.  Chrome radio buttons are grayer than Firefox in the first place but my pages that use them don't look grayed out like yours.
0
 
LVL 3

Author Closing Comment

by:Eric Bourland
ID: 40322012
That is it!

Dave, thank you as always for your help. Hope your day is going great.

best from Eric
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 40322075
You're welcome and my day is going just fine!
0

Featured Post

How Do You Stack Up Against Your Peers?

With today’s modern enterprise so dependent on digital infrastructures, the impact of major incidents has increased dramatically. Grab the report now to gain insight into how your organization ranks against your peers and learn best-in-class strategies to resolve incidents.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

829 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question