Solved

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

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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

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.
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.

679 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