Подсвечивание строки при клике курсора

[SLameN]

Необходимо сделать подсвечивание строки при клике курсора без скриптов при помощи css. Я много гуглил, но ничего не нашел (или не умею искать ) Вот пример что я хочу сделать, но там есть скрипт

Как только не побывал изощряться, сделал

#des tbody tr:active td {

Она работает при клике, но убирается... Надеюсь ясно выразил свой вопрос

Edited September 13, 2011 by SLameN

[Vlad]

CSS плохо работает с кликами. Гипотетически делается комбинацией focus, active, но в реальности овчинка выделки не стоит, скриптами проще и универсальнее получится.

[rus]

да, я вот тоже одно время морочился посредством css сделать другим цветом активную страницу, но так что-то и не вышло, где-то кто-то писал что надо бы в правильном порядке расставлять a:active, a:visited, a:link и a:hover, но это не помогло.

[Softlink]

да, только фокус надо не к ячейке применять, а к ссылке. А ссылку делать блоком, а href писать не надо(если ссылаться некуда), а еще ссылке надо добавить tabindex, чтобы это все скушало большинство браузеров - проще сделать на js.

[psywalker]

Однозначно JS, и не парится.

[SLameN]

Делаю с помощью этого скрипта, но есть проблема с CSS

CSS примера:

 table, td, th {border: 1px solid black; border-collapse: collapse;}
  table th {background-color: gold;}
  .hoverRow { background-color: yellow; }
  .clickedRow { background-color: orange; }

Все идеально, но мне нужно чтобы первоначальный фон td был другим. Когда меняешь его не работает скрипт

Как делал я:

 table, td, th {border: 1px solid black; border-collapse: collapse;}
  table th {background-color: gold;}
  table td {background-color: black;}
  .hoverRow { background-color: yellow; }
  .clickedRow { background-color: orange; }

Фон стал Черным, но скрипт не работает...

Edited September 26, 2011 by SLameN

[SLameN]

Помогите, пожалуйста

[Softlink]

Помогите, пожалуйста

Есть подозрение, что начальный цвет фона задается в скрипте.

[psywalker]

SLameN,

Погоди, а почему бы просто по онклику на tr их td не ставить красный фон? А у других вырубать.

[mishka]

Скриптом меняй только класы на строках.

а в css:

td { background: black; }
.hoverRow td { background: yellow; }
.clickedRow td { background: orange; }

Причем бг меняй на ячейках, а не на строках.

У тебя сейчас бг на ячейке перебивает бг строки.