---
title: "CSS-Hacks / -Selektoren für Microsoft Edge (Spartan), IE11, IE10 und IE9"
url: "https://lui.vn/css-hacks-selektoren-fuer-microsoft-edge-spartan-ie11-ie10-und-ie9/"
language: "de"
type: "article"
published: "2015-07-16T10:30:58+00:00"
modified: "2018-02-07T12:31:27+00:00"
categories: ["Code"]
tags: ["css ie10 only","css ie11 only","css-hack ie","css-tricks","microsoft edge"]
kicker: "Browser Bändigen"
intro: "CSS-Hacks für Microsoft Edge, IE11, IE10 und IE9 - weil Webentwickler auch 2015 noch kreative Browserweichen brauchen. Leider."
image: "https://lui.vn/wp-content/uploads/2015/07/microsoft_edge.png"
---

# CSS-Hacks / -Selektoren für Microsoft Edge (Spartan), IE11, IE10 und IE9

Obgleich Microsofts Internet Explorer mit jeder Version “schneller, innovativer und sicherer” wird, kommen Webentwickler bisweilen nicht umher, kreative Darstellungs”features” jenes fortschrittlichen Browsers aus Redmond gezielt auszubügeln. Ungeachtet der kloßbrühenklaren Tatsache, dass Browserweichen per se ein Unding modernen Web Engineerings darstellen. Dies erkannte letzten Endes gar Microsoft – und beendete ab Internet Explorer 10 dankbarerweise die Unterstützung der hassgeliebten Conditional Comments zur Ausführung unterschiedlichen HTMLs.

Lange Rede, kurzer Sinn: Die Idee war gut. In der freien Wildbahn hingegen sind mitunter weiterhin korrigierende Deklarationen für die verschiedenen Versionen des Internet Explorers und ggf. sogar des neuen Windows 10-Steckenpferdes Microsoft Edge (Projektname: Spartan) von Nöten. Nachfolgend findet sich daher eine kurze Auflistung bewährter CSS-Hacks / CSS-Selektoren für Microsoft Edge, IE11, IE10, IE9 sowie IE8. Und der Rest? Nun, alle niedrigeren Internet Explorer-Versionen sollen gepeinigt in der Hölle schmoren 😀

### CSS-Hack für Micosoft Edge (Project Spartan) ONLY

```
<span class="cgreen">_:-ms-lang(x)</span>,
<span class="cgreen">_:-webkit-full-screen</span>,
<span class="cgreen">.selector</span> {
    <span class="cblue">property</span>: <span class="cblue">value</span>;
}
```

### CSS-Hack für Internet Explorer 11 ONLY

```
<span class="cgreen">_:-ms-fullscreen</span>,
<span class="cgreen">:root .selector</span> {
    <span class="cblue">property</span>: <span class="cblue">value</span>;
}
```

### CSS-Hack für Internet Explorer 10 + IE11

```
<span class="cgreen">_:-ms-lang(x)</span>,
<span class="cgreen">.selector</span> {
    <span class="cblue">property</span>: <span class="cblue">value</span>;
}
```

### CSS-Hack für Internet Explorer 10 ONLY

```
<span class="cgreen">_:-ms-lang(x)</span>,
<span class="cgreen">.selector</span> {
    <span class="cblue">property</span>: <span class="cblue">value</span>\<span class="cpurple">9</span>;
}
```

### CSS-Hack für Internet Explorer 9 + IE10, IE11

```
<span class="cgreen">_::selection</span>,
<span class="cgreen">.selector</span> {
    <span class="cblue">property</span>: <span class="cblue">value</span>\<span class="cpurple">0</span>;
}
```

### CSS-Hack für Internet Explorer 9 ONLY

```
<span class="cred">@media</span> screen <span class="cred">and</span> (<span class="cblue">min-width</span>:<span class="cpurple">0</span>\<span class="cpurple">0</span>) <span class="cred">and</span> (<span class="cblue">min-resolution</span>:<span class="cpurple">.001</span><span class="cred">dpcm</span>) {
    <span class="cgreen">.selector</span> {
        <span class="cblue">property</span>: <span class="cblue">value</span>;
    }
}
```

### CSS-Hack für Internet Explorer 8 + IE9, IE10, IE11

```
<span class="cred">@media</span> <span class="cblue">screen</span>\0 {
    <span class="cgreen">.selector</span> {
        <span class="cblue">property</span>: <span class="cblue">value</span>;
    }
}
```

### CSS-Hack für Internet Explorer 8 ONLY

```
<span class="cred">@media</span> \0screen {
    <span class="cgreen">.selector</span> {
        <span class="cblue">property</span>: <span class="cblue">value</span>;
    }
}
```

So. Noch mehr Hacks für weitere Versionen des Internet Explorers oder gar andere gängige Browser à la Chrome &amp; Firefox gefällig? Dann guckst du schleunigst mal bei browserstrangeness.bitbucket.org vorbei – hier wird dir geholfen 🙂