treehouse : what would you like to learn today?
Web Design Web Development iOS Development

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

  • 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.

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