Форумы портала PHP.SU :: Версия для печати :: hover в css для обычного текста

1. SergeantPEPPER - 04 Марта, 2008 - 18:38:18 - перейти к сообщению

И еще один вопрос:

метка label для radiobutton функционально работает полностью, однако не хватает визуального оформления... Я хотел бы, чтобы при наведении на label мыши текст подсвечивался и указатель превращался в руку с пальчиком ...

Я решил сделать это через css. Создал новый класс:

CODE (text):
скопировать код в буфер обмена

.label:hover {
    font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
    font-size: 18px;
    color: #e65d29;
}
 
.label {
    font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    color: #00AAAA;    
}

В учебнике было сказано, что hover работает не только для ссылок, но и для других элементов, а у меня не работает.
В html-шаблоне это выглядет так:

CODE (text):
скопировать код в буфер обмена

<td><input type="radio" name="uans" id="rb1" value="1" onclick="setUAnswer (1);"></td>
<td class="label"><label for="rb1" title="Выбрать этот вариант"><%ANSWER1%></label></td>

Как же мне это сделать?