Сделать указатель мыши на руку, чтобы нажать кнопку

<td id="btnIcOld" style="text-align:center;"> 
    <img src="<%= VirtualPathUtility.ToAbsolute("~/img/chic/Load.png")%>" /> 
</td> 

$('#btnIcOld').live('click', function() { 
    window.location.href = 'https://extranetint.chathamfinancial.com/indications/swapcalculator'; 
});

Как вы можете видеть выше, изображение - это моя кнопка, и это JQuery, который обрабатывает нажатие кнопки. Проблема в том, что когда вы наводите указатель мыши на изображение, он остается основным указателем стрелки. Как мне заставить его изменить руку, чтобы пользователь знал, что можно нажать на нее?Сделать указатель мыши на руку, чтобы нажать кнопку

источник

2011-01-07 slandau

Вы можете отредактировать свой стиль для столбца cursor:pointer см. CSS cursor property.

<td id="btnIcOld" style="text-align:center;cursor:pointer;"> 
    <img src="<%= VirtualPathUtility.ToAbsolute("~/img/chic/Load.png")%>" /> 
</td>

источник

2011-01-07 16:54:25

Высокий. Ты мужчина. CSS есть так много! – slandau

Вы можете использовать cursor:pointer в своем стиле CSS. See here for some CSS Cursors

Альтернативно, нет способа обернуть его в тег a, указывая на нужную вам ссылку?

источник

2011-01-07 16:54:53

'cursor: hand;' не работает в Mozilla и Chrome, 'cursor: pointer;' does – Burjua

@Burja Спасибо, что дал мне знать. –

Изменение стиля курсора, когда над изображением:

<td id="btnIcOld" style="text-align:center;"> 
    <img style="cursor: pointer" src="<%= VirtualPathUtility.ToAbsolute("~/img/chic/Load.png")%>" /> 
</td>

источник

2011-01-07 16:55:19 SirDarius

Все довольно много прав, но я бы рекомендовал разделив эти стили за ремонтопригодность. Попробуйте что-то вроде этого:

main.css:

.txtCenter { text-align:center; } 
.clickImage { cursor:pointer; }

ASPX страница:

<html> 
    <head> 
     ... 
     <link rel="stylesheet" href="path\to\main.css" type="text/css" /> 
    </head> 

    <body> 
     ... 

     <td id="btnIcOld" class="txtCenter"> 
      <img class="clickImage" src="<%= VirtualPathUtility.ToAbsolute("~/img/chic/Load.png")%>" /> 
     </td> 

     ... 
    </body> 
</html>

источник

2011-01-07 17:09:35 chprpipr

Сделать указатель мыши на руку, чтобы нажать кнопку

ответ

Смежные вопросы