Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Littl3 en 7 Mayo 2011, 16:17 pm

Título: CSS: cursor:hand; en firefox
Publicado por: Littl3 en 7 Mayo 2011, 16:17 pm

Buenas,

Estoy intentando mediante CSS cambiar el cursor en el hover de un div.

Hay mucha información en internet donde se dice que con un simple cursor:hand; en firefox funciona, no obstante lo estoy probando y no es así, incluso en elhacker.net se comenta esto en:
http://www.elhacker.net/trucos-mozilla-firefox.html (http://www.elhacker.net/trucos-mozilla-firefox.html)

¿Alguien sabe como hacerlo?

Gracias, un saludo.

Título: Re: CSS: cursor:hand; en firefox
Publicado por: Shell Root en 7 Mayo 2011, 19:08 pm

Código

#divPoC:hover{
   cursor:pointer;
}

Código

<div id = "divPoC">
   <br/>
   <h1>PoCing</h1>
   <br/>
</div>

Título: Re: CSS: cursor:hand; en firefox
Publicado por: Littl3 en 7 Mayo 2011, 23:36 pm

Lo estoy probando con firefox 4 y no funciona :S

Título: Re: CSS: cursor:hand; en firefox
Publicado por: xassiz~ en 7 Mayo 2011, 23:57 pm

Cita de: Littl3 en 7 Mayo 2011, 23:36 pm

Lo estoy probando con firefox 4 y no funciona :S

Testeado y funciona:

Código

<html>
<head>
<style>
#divPoC:hover{
   cursor:pointer;
}
</style>
</head>
<body>
<div id="divPoC">
   <br/>
   <h1>Shell Root PoCing</h1>
   <br/>
</div>
</body>
</html>

Aunque también te puede servir así:

Código

<html>
<head>
</head>
<body>
<div id="divPoC" onmouseover="this.style.cursor='pointer';">
   <br/>
   <h1>xassiz PoCing</h1>
   <br/>
</div>
</body>
</html>

Saludos! :rolleyes: