IE ignora i miei selettori :(

[Sifr]

Ciao a tutti,
vorrei avere un fieldset di checkbox che diventano verdi una volta selezionate. Il codice seguente funziona su chrome e FF, ma non su IE8... idee?

<div class="form-item">

<input type="checkbox" name="field_developer_tid[]" id="edit-field-developer-tid-31" value="31" checked="checked" class="" multiple="multiple" name="field_developer_tid[]" />

<label class='option' for='edit-field-developer-tid-31'>Name</label>

</div>


.form-item input:checked ~ label {
background-color:#b8e356;
}

[scimmiaparlante]

perchè ie8 non conosce checked
http://www.html.it/pag/19445/altre-pseudo-classi/

[Sifr]

C'è qualche soluzione?

Ho provato a installare questo: http://selectivizr.com/


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="/sites/all/themes/responsive/selectivizr.js"></script>
<noscript><link rel="stylesheet" href="/sites/all/themes/responsive/css/fallback.css" /></noscript>
<![endif]-->

ma non cambia nulla

[scimmiaparlante]

puoi semplicemente fare la stessa cosa con javascript

nella head

<script type="text/javascript">
function colora() {
if(document.getElementById('edit-field-developer-tid-31').checked == true)
{	document.getElementById('tualabel').style.backgroundColor = '#b8e356';
}
else {
document.getElementById('tualabel').style.backgroundColor = '#ffffff';
}
}
</script>

e gli input diventano

<div class="form-item">

<input onClick="colora()" type="checkbox" name="field_developer_tid[]" id="edit-field-developer-tid-31" value="31" checked="checked" multiple="multiple"/> 

<label class='option' id="tualabel" for='edit-field-developer-tid-31'>Name</label>

</div>

occhio che avevi messo due volte name



PS: forse a questo punto è meglio se ti fai spostare in js