Hacer que el puntero del mouse se vuelva mano para hacer clic en el botón

<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'; 
});

Como puede ver arriba, la imagen es mi botón, y ese es el JQuery que maneja el botón clic. El problema es que, al pasar el mouse sobre la imagen, se mantiene como el puntero de flecha básico. ¿Cómo puedo hacer que cambie a una mano para que el usuario sepa que puede hacer clic en ella?Hacer que el puntero del mouse se vuelva mano para hacer clic en el botón

Fuente

2011-01-07 slandau

Puede editar su estilo para que la columna sea cursor:pointer vea CSS cursor property.

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

Fuente

2011-01-07 16:54:25

impresionante. Tu eres el hombre. CSS hay mucho para eso! – slandau

Puede usar cursor:pointer en su estilo CSS. See here for some CSS Cursors

Como alternativa, ¿no hay forma de envolverlo en una etiqueta a, señalando el enlace que necesita?

Fuente

2011-01-07 16:54:53

'cursor: hand;' no funciona en Mozilla y Chrome, 'cursor: pointer;' hace – Burjua

@Burja Gracias por avisarme. –

Cambiar el estilo del cursor cuando por encima de la imagen:

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

Fuente

2011-01-07 16:55:19 SirDarius

Todo el mundo está más o menos bien, pero yo recomendaría la división de esos estilos a cabo para el mantenimiento. Intentar algo como esto:

main.css:

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

página 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>

Fuente

2011-01-07 17:09:35 chprpipr

Hacer que el puntero del mouse se vuelva mano para hacer clic en el botón

Respuesta

Cuestiones relacionadas