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

[we5inelgr]

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:

Some text here for Radio button #1
Some text here for Radio button #1

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.

[TheDoc]

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

[Author]

Posts