2013-04-26 2 views
0

При наведении мыши на div меняется цвет фона, но не цвет текста div.onmouseover change div text color

Не могли бы вы сообщить мне, если это возможно?

Это просто простой css и html.

мой CSS код

.divTable-row:hover{ 
      background:#65A3B8; 
      color:#ffffff; 
     } 
+0

Вы можете разместить HTML, а? – Adrift

+2

, похоже, отлично работает для меня (во всех последних браузерах): http://jsfiddle.net/dSGf7/ есть ли у вас какие-то переопределяющие стили? – Pete

+0

Да, вот как это должно работать ... позвольте мне еще раз проверить. – 2013-04-26 14:18:45

ответ

0

Попытка заставить стиль, с !important, как это:

.divTable-row:hover{ 
     background:#65A3B8; 
     color:#ffffff !important; 
    } 

это может исправили проблему, когда перекрывается с другим правилом CSS.

Пример скрипку с перекрытием проблемой: http://jsfiddle.net/dSGf7/2/

Fixed пример использования !important: http://jsfiddle.net/dSGf7/3/

+0

не работает ... Мне не хватает чего-то точно – 2013-04-26 14:19:07

+0

узнал новый материал ... если дочерний div содержит цветовой код, то onmousover его родительский div не изменит цвет текста ... поэтому мне пришлось удалить дочерние divs цвет и поместите его в родительский div. Спасибо за помощь. – 2013-04-26 14:27:48

+0

Спасибо Nelson за этот удивительный пример. – 2013-04-26 14:29:29