Welcome to WebmasterWorld Guest from 54.156.90.21

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
posts:26
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>
</div>


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.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members