Изменение цвета всплывающей подсказки для гиперссылки с использованием html и css

Question

Мне нужно изменить цвет фона всплывающей подсказки, которая будет отображаться при наведении курсора мыши на гиперссылку (для использования в firefox и ie6 и выше).Существуют ли для этого сценарии на основе CSS и HTML (без jQuery или javascript).

Я узнал, что цвет фона фактически соответствует свойствам ОС.

Answer 1

Вы не можете изменить цвет стандартной всплывающей подсказки, которая объявлена ​​как:

<a title="tooltip"></a>

Это стандартная подсказка, дизайн которой выбирается конкретным браузером и операционной системой.

Без использования javascript у вас может быть скрытый div, который появляется только при наведении курсора, однако я думаю, что это будет беспорядочно для якорных ссылок.

Я знаю, что вы специально не запрашивали javascript / jquery, но я считаю, что это было бы хорошим решением, если вы передумали:

http://flowplayer.org/tools/tooltip/index.html

Answer 2

Я делаю это так:

This is text before the 
<a href="#" class="TT-container">
  tool tip link<span class="TT-value">tool tip text</span></a> 
and this is after it.

.TT-container {
  position: relative;
  border-bottom : 1px dashed #999999;
}
.TT-value {
  display: none;
  background-color: #f8e7c7;
  color: black;
  border: 1px solid black;
  padding: 3px 5px 3px 5px;
  white-space: pre;
  text-decoration: none;
  z-index: 99;
}
.TT-container:hover {
  font-size: 100%;                          /* fix an IE bug */
  z-index: 2;
}
.TT-container:hover .TT-value {
  position: absolute;
  top: 5px;
  left: 20px;
  display: inline;
}

Answer 3

Вы можете использовать HTML и CSS для создания всплывающей подсказки вашего собственного стиля.Для этого вы бы не использовали атрибут title, а некоторый элемент содержимого, который изначально скрыт с помощью CSS и становится видимым с помощью правила CSS с :hover.Существует большое количество страниц, которые объясняют и иллюстрируют методы;Google для css подсказка , например.

Answer 4

Вот метод a , полностью исключив традиционную подсказку и создав собственный элемент, отображаемый на :hover: http://sixrevisions.com/css/css-only-tooltips/

Побродив по Google некоторое время, я почти уверен, что невозможно стилизовать всплывающую подсказку title по умолчанию в любом браузере, поэтому без JavaScript вышеуказанная техника - ваш единственный вариант.

Answer 5

Управляется операционной системой.

Answer 6

Нет. Цвет фона контролируется браузером / ОС. Вам нужно создать пользовательскую подсказку, если вы хотите настроить ее. А это означает, что JavaScript в целом.