Grow your CSS skills. Land your dream job.

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?

    Thanks.

    # March 15, 2013 at 6:52 pm

    I don’t believe IE8 supports that. You’ll need to use something like http://selectivizr.com/

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".