Смена цвета текста при наведении на него курсора

[mr_0003Spy]

Я перепробовал много способов, но все неудачны, как это можно реализовать, что бы выглядело похоже на ссылку что ли, может кто подсказать?

[sigma77]

Я перепробовал много способов, но все неудачны, как это можно реализовать, что бы выглядело похоже на ссылку что ли, может кто подсказать?

Можно так.

<span>text</span>

span {
  color: #000;
  cursor: pointer;
  text-decoration: underline;
}

span:hover {
  color: blue;
}

[Great Rash]

Лучше прям ссылку и сделать, чтоб в ИЕ6 работало.

[sigma77]

Лучше прям ссылку и сделать, чтоб в ИЕ6 работало.

Ссылки должны быть ссылками, ИМХО.

А ИЕ6 и без ховера может пережить.

[Great Rash]

В топку семантику, ИМХО.

Зато будет одинаково везде.

[SelenIT]

Не везде. В NN4 всё равно подсвечиваться не будет

[Great Rash]

Блин... облом. Но, процент юзеров ИЕ6 немного повыше

[mr_0003Spy]

sigma77

Блин, точно, спасибо!

Great Rash

В старых браузерах мало кто сидит. Это во-первых. А во-вторых мне не нужна ссылка, мне нужно подобие ссылки, я сделал всё, но мне оставалось только то, что-бы текст менял цвет при наведении курсора. Собственно мне нужно было сделать раскрывающееся меню, но, что бы кнопка открывающая меню выглядела как ссылка, но не куда не переводила пользователя при нажатии, следовательно я стал искать как это можно сделать и сделал почти всё, что мне нужно было, единственное, что не смог, так это то, что я спросил тут. Всё оказывается так просто

[Great Rash]

Чтобы ссылка никуда не вела надо написать так:

<a href="#" onclick="return false;">текст</a>

Я вам не навязываю своего мнения. Просто предлагаю альтернативу, которая будет работать в ИЕ6 к тому же.

Если вы хотите заморочиться на семантику, то вам и <span> не особо подойдет. Тогда вам надо юзать элемент <button>:

<button>text</button>

button {
  color: #000;
  cursor: pointer;
  text-decoration: underline;
  border: 0;
  background: none;
  overflow: visible;
}

button:hover {
  color: blue;
}

[Selen]

Все еще намного проще, чем может показаться. Нужно было построить меню используя ссылки, но в адресе неактивных ссылок поставить пустой якорь #. Очень просто, а главное кроссбраузерно.

Великий Раш меня опередил

Edited March 11, 2011 by Selen

[mr_0003Spy]

Great Rash

Selen

Спасибо, учту в дальнейшем.