Показать сообщение отдельно
  #5 (permalink)  
Старый 28.02.2012, 12:45
Новичок на форуме
Отправить личное сообщение для coldb Посмотреть профиль Найти все сообщения от coldb
 
Регистрация: 27.02.2012
Сообщений: 3

Сообщение от Rootpassword Посмотреть сообщение
Зачем JS? Стилями делайте.
Можно поподробней? какой псевдокласс использовать?

Сделал следующее

<style>
p:hover {
background-color: #efefef;
}

p {
margin: 0;
padding: 0;
clear: both;
}
label {
display: block;
padding: 0.5em 0.5em 0.5em 2em;
}
input:checked { background-color:#F00 }
input {
float: left;
position: relative;
top: 0.5em;
left: 0.5em;
}

</style>

<p ><input type="radio" name="labeled" id="1"/><label for="1">Раз</label></p>
<p ><input type="radio" name="labeled" id="2"/><label for="2">Два</label></p>
<p ><input type="radio" name="labeled" id="3"/><label for="3">Три</label></p>

Стало красивее, но как изменить цвет тега <p> при выборе соответствующего radio разобраться не могу

Последний раз редактировалось coldb, 28.02.2012 в 12:59.
Ответить с цитированием