изменить цвет шрифта на мышь над

У меня есть таблица, которая показывает результаты моего запроса MYSQL. К этой таблице я добавил выделение строк, как вы можете видеть в приведенном ниже коде, это отлично работает. Однако то, что я пытаюсь сделать, также изменяет цвет шрифта, поскольку строка подсвечивается, но не с большим успехом. Мы ценим любые предложения.изменить цвет шрифта на мышь над

<tr class="active" bgcolor="#222222" onMouseOver="this.bgColor='gold';" onMouseOut="this.bgColor='#222222';" onMouseOver="Color='gold';">     
      <td height="40" align="left" class="nrmgrid4" onMouseOver="Color='red';" ><div id="master_row"><?php echo "$timedate"; ?></div></td> 
      <td align="left" class="nrmgrid4" onMouseOver="Color='red';"><div align="left"><?php echo "<a href=\"visitor-detailpage.php?id={$id}\">$company_name</a>";?></div></td> 
      <td align="center" class="nrmgrid4" onMouseOver="Color='red';" ><?php echo "$region_name"; ?></td> 
      <td align="center" class="nrmgrid4" onMouseOver="Color='red';" ><?php echo "$page_views"; ?></td> 
      <td align="center" class="nrmgrid4" onMouseOver="Color='red';"><?php echo "$referrer"; ?></td> 
      <td align="center" class="nrmgrid4" onMouseOver="Color='red';"><?php echo "$search_term"; ?></td> 
      <td align="center" class="nrmgrid4" onMouseOver="Color='red';">&nbsp;</td> 
      <td align="center" class="nrmgrid4" onMouseOver="Color='red';"><?php echo "<a href=\"editVisitorList.php?id={$id}\">Edit</a>";?></td> 
      </tr>

источник

2013-09-06 Sam Williams

Изменить эту строку:

<tr class="active" bgcolor="#222222" onMouseOver="this.bgColor='gold';" onMouseOut="this.bgColor='#222222';" onMouseOver="Color='gold';">

To:

<tr class="active">

И вы должны написать CSS:

tr.active{ background-color: #222222; } 
tr.active:hover{ 
    background-color: gold; 
    color: gold; 
}

источник

2013-09-06 01:51:00

Спасибо, это гораздо более чистый способ сделать это и никогда не рассматривал его. Очень признателен. –

Для изменения color из парения строки, вы можете использовать это:

tr:hover 
{ 
    color:blue; 
}

источник

2013-09-06 01:42:35

Привет, да, но это только меняет цвет, если вы наводите курсор на этот конкретный столбец, и я хочу изменить цвет всего текста в этой строке. –

@SamWilliams воспользовался моим новым ответом –

tr.active:hover{ 
color:gold;

}

и вы можете получить желаемый результат с помощью CSS, если вы используете класс или идентификатор с умом.

источник

2013-09-06 01:58:39

изменить цвет шрифта на мышь над

ответ

Смежные вопросы