Test Foro de elhacker.net SMF 2.1

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 (css) [Seleccionar]
#divPoC:hover{
   cursor:pointer;
}

Código (html4strict) [Seleccionar]
<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 (html4strict) [Seleccionar]

<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 (html4strict) [Seleccionar]

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


Saludos! :rolleyes: