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
Post a Comment