Internet Explorer CSS :nth-child

Question

I have problem with :nth-child in IE. Please run this script in IE and Firefox (I make a test in IE 11 and Firefox 44.0.2.): LINK

<div class="dropdown"> 
<select class="dropdown-select" onchange="if (this.value) window.location.href=this.value">
 <option value="#">Wybierz swoją szkółkę</option>
 <option value="http://xxx">1</option>
 <option value="http://xxx">2</option>
 <option value="http://xxx">3</option>
 <option value="http://xxx">4</option>
 <option value="http://xxx">5</option>
 <option value="http://xxx">6</option>
 </select>
</div>
        select option:nth-child(5){
            display:none;
            color:red;
        }

I want to hide 5th option.

Please provide your **code**, not just a link to a third party site. — Joseph Marikle, Mar 08 '16 at 19:55
Take a look at http://stackoverflow.com/questions/2031740/hide-select-option-in-ie-using-jquery have you tried hiding option in IE11 without nth child? — Huangism, Mar 08 '16 at 20:05
See [this](http://stackoverflow.com/a/2324259/1860561). Seems like IE strikes again! — gitsitgo, Mar 08 '16 at 20:41

score 0 · Answer 1 · answered Mar 08 '16 at 21:07

0

Thx for help! My solution:

var elem = document.getElementById("divid");
elem.parentNode.removeChild(elem);

answered Mar 08 '16 at 21:07

martinii007

539
1
5
5

Internet Explorer CSS :nth-child

1 Answers1