Создание цвета фона столбца изменения таблицы

Question

Я хочу изменить цвет фона при наведении курсора на COLUMN.Требуется ли JavaScript или достаточно CSS?

Что мне изменить для цвета фона COLUMN?

Моя таблица:

<table width="100%" border="0" cellspacing="1" cellpadding="1"> 
  <tr>
    <th width="169" scope="col">İsim</th>
    <th width="380" scope="col">Açıklama</th>
    <th width="138" scope="col">Telefon Numarası</th>
    <th width="158" scope="col">İl</th>
  </tr>

   <tr>
    <td><?=$data['u_isim']?></td>
    <td><?=$data['u_aciklama']?></td>
    <td><?=$data['u_tel']?></td>
    <td><?=$data['u_il']?></td>
  </tr>
</table>

Похоже на this, но я не уверен в этом.

Answer 1

Если вы хотите, чтобы это происходило при наведении курсора, вам для этого нужен Javascript. Использование селектора col:hover в CSS не совсем надежно.

Answer 2

Понятия не имею, как я попал сюда после этих лет, но ... я вижу, что до сих пор нет решения.

В 2019 году это просто, вам просто нужно выбрать интересный шестнадцатеричный цвет - в моем примере это будет красный (# ff0000).

Первый шаг для этого в вашем коде - это добавление класса к каждому элементу td, как показано ниже:

<td class="example">

Затем в css вы устанавливаете hover, например:

    .example:hover {
  background-color: #ff0000;
}

Вот и все, должно работать для вас.

Answer 3

Ваш столбец сделан с таблицей или div?если он в div, вы можете использовать hover как любую ссылку, но не все навигаторы поддерживают его.

в противном случае используйте jquery для лучшего результата.