Checkbox CSS правило не применяется в Internet Explorer 9

Question

Мой код для изменения фона флажком:

.question11 input[type=checkbox] + label { 
    display: block; 
    height: 16px; 
    padding-left: 25px; 
    background: url(images/bg.gif) top left no-repeat; 
} 

Проблема это не работает с Internet Explorer 9.0.4.

Answer 1

Селектор CSS слишком сложный для IE. Простое решение - предоставить класс или идентификатор флажку и метку, если вы можете изменить HTML.

<input type="checkbox" class="foo"><label class="foo">...</label> 

.question11 .foo { 
    ... 
} 

Answer 2

Juhana is right.

Другая проблема заключается в том, что вы не можете устанавливать флажки 100% индивидуально только с помощью CSS.
Для этого есть большие плагины, поэтому вы можете полностью заменить флажки и т. Д. С помощью изображений.

->Uniform - sexy forms with jQuery например.

Answer 3

Попробуйте как этот

.chh { 

background-image: url(images/checkbox_bg.gif);} 

if(document.getElementById(id+ii).checked==true){ 
    document.getElementById(id+ii).className==chh; 
        } 

Первый CSS записи затем применить функцию яваскрипта

Answer 4

правило не устанавливает каких-либо свойств на любом флажком. Он применяется только к элементам label в определенном контексте, и именно так оно работает, в IE 9 и других браузерах.

Если вы хотите, чтобы правило применялось к любому элементу флажка, за которым сразу следует элемент label (как я полагаю), тогда вам понадобится другой тип селектора - то, что, похоже, не существует в CSS Селекторный уровень 4-го уровня, еще меньше, как поддерживается. Поэтому вам нужно будет добавить некоторую разметку, например, атрибуты класса для флажков.