NEGATED :indeterminate and :checkedTantek ÇelikIan HicksonCSS 3 Module W3C Selectors Next :indeterminate and :checked Previous :indeterminate and :checked Test # 299 of 302 Testing NEGATED :indeterminate and :checked ID d5b Date 2004-03-03 Revision 1.0 The UA must support ECMA-262 and DOM Level 2 Core for this test.
This checkbox should have a green background.
input { background: red; }
input:not(:checked) { background: green; }
<div xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript">
<![CDATA[
function test() {
/* Microsoft specs for .indeterminate say that this is an invalid test
as an element can be both .checked and .indeterminate; however the
selectors spec says no element can be :checked:indeterminate. */
document.getElementById("test").indeterminate = true;
}
window.setTimeout("test()", 100);
]]>
</script>
<p> <input id="test" type="checkbox" checked="checked"></input> This checkbox should have a green background. </p>
</div>