html - 'not' css selector in ie9 -


according http://www.w3schools.com/cssref/sel_not.asp "not" selector supported in ie9 following doesn't work in ie9:

html:

<input type="checkbox"><span>i agree terms , conditions</span> 

css:

input:not(:checked) + span {     font-weight:bold;     text-decoration:underline;     color:red; } 

when check checkbox, style still applied. in other browsers (ff, chrome) works expected.

is sort of bug ie9?

thanks.

i don't know bug exactly, have got workaround you.

with experimenting discovered if put line

input:checked + p {} 

above css, css works fine in ie. propose put in , forget it, unless want invest lot of time in finding out extent of bug exactly.

input:checked + p {}    input:not(:checked) + span {    font-weight: bold;    text-decoration: underline;    color: red;  }
<input type="checkbox"><span>i agree terms , conditions</span>

to test, can comment out first line, , stops working in ie.


Comments

Popular posts from this blog

How to connect android app to App engine -

gcc - MinGW's ld cannot perform PE operations on non PE output file -

php - display validation error message next to the textbox in codeigniter -