css и чекбокс

[cyber_ua]

есть блок в нем чек бокс

<div style='width:200px; height:100px; border:1px solid black;' id='bk%1'>
<input type='checkbox' class='bk1  />Delete

пытаюсь сделать так что б при выборе чекбокса менялся фон div

пытался так

.bk1:checked + #bk1{
    background: #fc0;
   }

смотрел пример тут

http://htmlbook.ru/css/checked

подскажите как реальзовать мою задачу именно на Css

[K313]

перенесите описание стилей для дива туда же (файл css или блок <style></style>) где и у вас и описание .bk1:checked + #bk1{background: #fc0;}

и сделайте див соседним элементом идущим после инпута

Edited April 16, 2012 by K313

[cyber_ua]

сделайте див соседним элементом идущим после инпута

а если див должен быть родителем? можно както сделать?

[sigma77]

сделайте див соседним элементом идущим после инпута

а если див должен быть родителем? можно както сделать?

Только скриптом.

[cyber_ua]

да скриптом уже давно сделал=(

хотел на чистоm css

[K313]

добавьте ещё один див сразу после инпута и задайте диву position:absolute;left:0;top:0;width:100%;height:100%;

и меняйте ему цвет как вы для родительского хотели...

(не забудьте для инпута z-Index задать)