Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

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

Posted on 2014-09-14
3
Medium Priority
?
1,030 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 84

Accepted Solution

by:
Dave Baldwin earned 2000 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 84

Expert Comment

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

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

Question has a verified solution.

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

In threads here at EE, each comment has a unique Identifier (ID). It is easy to get the full path for an ID via the right-click context menu. However, we often want to post a short link within a thread rather than the full link. This article shows a…
Ever visit a website where you spotted a really cool looking Font, yet couldn't figure out which font family it belonged to, or how to get a copy of it for your own use? This article explains the process of doing exactly that, as well as showing how…
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…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

963 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