Смежные селекторы братьев и сестер не работают в Mozilla Firefox 39.0.3 ⇐ CSS

[Anonymous]

У меня есть этот код:
html: < /p>



1



2

< /code>

css: < /p>

label > .checkable{
display:none;
}
label > .checkable + button{
cursor:pointer;
margin:1px;
border-radius: 16px;
border:transparent;
width:32px;
height:32px;background: rgba(0,0,0,0);

}
label > .checkable:checked + button{
background-color:#690b0c;
color:white;
border-radius: 16px;
}
< /code>

Я объединяю флажок с элементом. Когда вы нажимаете на одну из этих кнопок, они должны получить красный круглый фон. Это работает, как и ожидалось, в IE 11, но в новой версии Firefox, кажется, есть некоторые проблемы.
у кого -нибудь есть обходной путь?>

Подробнее здесь: https://stackoverflow.com/questions/321 ... fox-39-0-3