Radio buttons show blue in Chrome (RESOLVED)

Just noticed that all the radio buttons show blue in Chrome. How does that happen?

Black in IE11, new Edge and Firefox. . .


Yes, that’s the default that Mark Crossley set up for unitsTable in gauges-ss.css which resides in the [gauges directory]/css directory. I, too, thought it was rather garish.

Here’s my table with Gray Radio Buttons:

.unitsTable {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    background-color: #4A4A4A;
    box-shadow: rgba(200,200,200,0.3) 2px 2px 2px;
    border-radius: 4px;
}

as seen on my site.

It has been years since I fiddled with this, but I think/hope this is where the change was made.

Thanks, Jerry. But yours are gray in new Edge and blue in Chrome, too?


The gauges do not style the radio buttons themselves, they are the default colour that the browser uses. Changing the pressed button colour is not easy methinks - especially not cross browser - I’m not sure it is part of standard CSS?

Thanks, Mark. I won’t go looking for it, then :slight_smile:

Mea culpa. Thanks for the clarification, Mark.

You are correct…it isn’t part of standard CSS and would need some Javascript to change it.

If you can’t beat them, join them. . . changed the title text to blue :smiley:

(P.S. I know it’s not the same blue. . . but it’ll do. Looks better “live”.)

EDIT: It is the same blue, now. . .


This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.