Selector de Cursores CSS
Pasa el cursor sobre cada valor de CSS cursor para probarlo en vivo, haz clic para copiar la declaración.
988 visitas
Pasa el cursor para probar · Haz clic para copiar
La propiedad cursor
El cursor le indica al usuario qué hace un elemento antes de hacer clic: pointer para elementos clicables, grab para elementos arrastrables, not-allowed para áreas deshabilitadas, col-resize/row-resize para paneles divisibles. Pasa el cursor sobre cada casilla de abajo para sentirlo en tu propia pantalla; al hacer clic se copia la declaración lista para usar. También es posible usar imágenes personalizadas con cursor: url(...), alternativa.
Preguntas Frecuentes
¿Por qué no se muestra mi cursor personalizado?
Las imágenes de cursor personalizadas deben ser pequeñas (32×32 px o menos en la mayoría de plataformas) y la declaración necesita una palabra clave de respaldo: cursor: url("c.png"), auto;.
¿Los botones deberían usar cursor: pointer?
Los navegadores no lo aplican por defecto a <button>, pero los usuarios lo esperan — la mayoría de los sistemas de diseño añaden cursor: pointer a todos los controles interactivos.
Herramientas Similares
Reportar un Problema
Selector de Cursores CSS