Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

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

Background color for div labels not showing when radio button checked

10:57 pm on Mar 15, 2013 (gmt 0)

New User

joined:Mar 15, 2013
votes: 0

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:

<div class="hlText">
<label for="radio1"><input type="radio" id="radio1" name="something" value="1"> <span class="label">Some text here for Radio button #1</span></label>
<label for="radio2"><input type="radio" id="radio2" name="something" value="2"> <span class="label">Some text here for Radio button #1</span></label>

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?