Отключить флажки CSS3 на IE8

Question

У меня есть следующие CSS для моих CSS3. Он отлично работает во всех современных браузерах, но не работает на IE8, поэтому я хотел бы отключить эти специальные флажки и просто оставить по умолчанию. Является ли это возможным ?

input[type=checkbox].css-checkbox { 
    position:absolute; 
    z-index:-1000; 
    left:-1000px; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0; 
    border:0; 
    } 

input[type=checkbox].css-checkbox + label.css-label { 
    padding-left:17px; 
    height:15px; 
    display:inline-block; 
    line-height:15px; 
    background-repeat:no-repeat; 
    background-position: 0 0; 
    font-size:15px; 
    vertical-align:middle; 
    cursor:pointer; 
    } 

input[type=checkbox].css-checkbox:checked + label.css-label { 
    background-position: 0 -15px; 
     } 
label.css-label { 
    background-image:url('../gfx/checkbox.png'); 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    } 

А некоторые HTML5 код:

<input type="text" size="50" name="dni" value="%dni" class="forminput" style="width: 40px"> 
<div style="padding-top:10px">Usuwaj tylko zdjęcia pozostawiając artykuły i komentarze&nbsp; 
<input name="czy_tylko_zdjecia" type="checkbox" value="1" %czy_tylko_zdjecia id="checkbox_settings" class="css-checkbox"> 
<label for="checkbox_settings" class="css-label"></label> 

Answer 1

Это не стоит в IE8, потому что CSS3 :checked pseudo class не supported.

Вы могли предназначаться IE8 и перезаписать значения с условным:

<!--[if IE 8]> 
<style> 
    input[type=checkbox].css-checkbox { 
     position: static; 
     z-index: auto; 
     left: auto; 
     overflow: visible; 
     clip: auto; 
     height: auto; 
     width: auto; 
     margin: 0; 
    } 
</style> 
<![endif]--> 

Вы также можете использовать \9 hack целевой IE8 и ниже:

input[type=checkbox].css-checkbox { 
    position: static\9; 
    z-index: auto\9; 
    left: auto\9; 
    overflow: visible\9; 
    clip: auto\9; 
    height: auto\9; 
    width: auto\9; 
    margin: 0\9; 
}