Палец вверх 0
Перевод
Перевод

Отображение всплывающей подсказки при наведении мыши на кнопку отправки HTML

У меня есть простая ссылка на моей странице JSP, как показано ниже.

<a href="" title="Press the button to delete the row." class="icon-2 info-tooltip"></a>

Он отображает значок, а при наведении курсора мыши на него появляется подсказка с другим значком, как показано на следующем снимке.

введите описание изображения здесь

Подсказка отображается в последней строке последнего столбца приведенной выше таблицы HTML.

Класс css для отображения значка по умолчанию выглядит следующим образом.

a.icon-2    
{
    background: url(../images/table/table_icon_2.gif) no-repeat;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;   /*Displays a default icon*/
}

При наведении курсора мыши на ссылку значок по умолчанию заменяется следующим классом css.

a:hover.icon-2  
{
   background: url(../images/table/table_icon_2.gif) 0 -24px; 
   /*Displays icon on mouse hover.*/
}

и класс css, который фактически отображает всплывающую подсказку, выглядит следующим образом.

#tooltip    
{
    background-color: #8c8c8c;
    border: 1px solid #767676;
    color: #fff;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    opacity: 0.85;
    padding: 0 5px;
    position: absolute;
    text-align: left;
    z-index: 3000;
}

Теперь мне нужно отобразить ту же подсказку с таким же значком на кнопках отправки HTML при наведении курсора мыши <input type="submit"> . Как это может быть отображено?

css
задан Bhavesh 29 февр. 2012 г., 4:04:33
источник

1 ответ

Палец вверх 0
Перевод
Перевод

Вместо a:hover.icon-2 , попробуйте .icon-2:hover .

ответ дан FoxKllD 29 февр. 2012 г., 4:37:20
источник