Показать сообщение отдельно
  #1 (permalink)  
Старый 07.05.2012, 15:08
Аспирант
Отправить личное сообщение для xintrea Посмотреть профиль Найти все сообщения от xintrea
 
Регистрация: 02.01.2011
Сообщений: 56

Установка цвета через функцию .css() сбрасывает цвет для :hover
Здравствуйте!


Никак не могу побороть такую проблему. Есть у меня элемент sel_cell, для которого в CSS прописан обычный вид, и hover вид:

.sel_cell {
 border: 0px;
 width: 16px;
 height: 16px;
}

.sel_cell:hover {
 border: 0px;
 width: 16px;
 height: 16px;
 background-color: #F01010;
}

<div id="lb_ed_selector_1" class="sel_cell">
 <img src="/pic/sel_cell_1.png" style="float: left;"/>
</div>


Проблема в том, что если этому элементу поменять background-color через JQuery, то оформление hover слетает:

$("#lb_ed_selector_1").css("background-color", "#00FF00");


После чего при наведении мышкой элемент перестает подсвечиваться.

Вопрос. Как установить через JQuery цвет фона так, чтобы не слетал уже настроеный цвет фона для hover?

Если невозможно это сделать, тогда вопрос в другом: как установить css-свойство для псевдокласса hover через JQuery? Не функцию hover() назначить, а именно css-свойство для псевдокласса hover установить?
Ответить с цитированием