title: How to make CSS checked selector work in IE and Chrome
body: <p>The following code, which hides menu items with class="tbuild" when the checkbox include_Ts is unchecked, works in Chrome, but not IE. Is there a straightforward way to make it work in both?</p>
  
  <pre><code>&lt;style&gt;
  .tbuild {
    display: none;
  }
  
  #include_Ts:checked~select .tbuild {
    display: block;
  }
  &lt;/style&gt;
  
  &lt;html&gt;
  &lt;strong&gt;Include T-builds:&lt;/strong&gt; &lt;input type="checkbox" id="include_Ts" /&gt;
  
  &lt;br&gt;&lt;br&gt;
  
  &lt;label&gt;&lt;strong&gt;Release #1:&lt;/strong&gt;&lt;/label&gt;
  &lt;select id="selectedBaseRelease"&gt;
    &lt;option value="/~releases/file2"&gt;ICC2_O-2018.06&lt;/option&gt;
    &lt;option value="/~releases/file2a" class="tbuild"&gt;ICC2_O-2018.06a&lt;/option&gt;
    &lt;option value="/~releases/file3" selected&gt;ICC2_N-2017.09-SP6&lt;/option&gt;
    &lt;option value="/~releases/file3a" class="tbuild"&gt;ICC2_N-2017.09-SP6a&lt;/option&gt;
    &lt;option value="/~releases/file4"&gt;ICC2_N-2017.09-SP5&lt;/option&gt;
    &lt;option value="/~releases/file4a" class="tbuild"&gt;ICC2_N-2017.09-SP5a&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;br&gt;&lt;br&gt;
  
  &lt;label&gt;&lt;strong&gt;Release #2:&lt;/strong&gt;&lt;/label&gt;
  &lt;select id="selectedNewRelease"&gt;
    &lt;option value="/~releases/file1" selected&gt;ICC2_O-2018.06-SP1&lt;/option&gt;
    &lt;option value="/~releases/file1a" class="tbuild"&gt;ICC2_O-2018.06-SP1a&lt;/option&gt;
    &lt;option value="/~releases/file2"&gt;ICC2_O-2018.06&lt;/option&gt;
    &lt;option value="/~releases/file2a" class="tbuild"&gt;ICC2_O-2018.06a&lt;/option&gt;
    &lt;option value="/~releases/file3"&gt;ICC2_N-2017.09-SP6&lt;/option&gt;
    &lt;option value="/~releases/file3a" class="tbuild"&gt;ICC2_N-2017.09-SP6a&lt;/option&gt;&lt;/select&gt;
  &lt;/html&gt;
  </code></pre>