The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

LABEL background color not showing in I.E. 8/9?

  • # March 15, 2013 at 6:43 pm

    Hi all,

    I’m trying to get the text next to a selected radio button to become “highlighted” with background color (once the radio button is selected). However, I’m not seeing the color highlight, only a faint dotted box around the text when selected. This is happening with I.E. 8 & 9.

    HTML code:

    CSS code:

    .hlText label {
    display: block;

    .hlText label {
    margin-left: .1em;

    .hlText input[type=”radio”]:checked + .label {
    border: #000000 1px solid;
    background: #FFFF99;

    Any ideas why the background color for the text isn’t being highlighted when it’s radio button is selected?


    # March 15, 2013 at 6:52 pm

    I don’t believe IE8 supports that. You’ll need to use something like

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed