Solved

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

Posted on 2014-09-14
3
985 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Is Your Team Achieving Their Full Potential?

74% of employees feel they are not achieving their full potential. With Linux Academy, not only will you strengthen your team's core competencies but also their knowledge of of the newest IT topics.

With new material every week, we'll make sure that you stay ahead of the game.

Question has a verified solution.

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

Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
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…

628 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