Solved

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

Posted on 2014-09-14
3
897 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

911 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now