2

Gostaria de saber como eu altero o cursor, botando uma imagem que eu quero, é possível ?

Já tentei fazer da seguinte forma:

CSS?

#esquerda{
    width: 400px;
    height: 600px;
    border: 2px solid red;
    cursor: url(imagens/cursor-154478__180.png);
}

porém não acontece nada, mas se eu mudar a parte da url em diante para um crosshair ele funcionam, alguém poderia me ajudar?

3
  • A url precisa usar aspas unicas. cursor: url('imagens/cursor-154478__180.png');
    – Olimon F.
    Commented 22/08/2015 às 0:53
  • Num precisa não. Commented 22/08/2015 às 1:11
  • Na função url você deve usar aspas e começar o valor com um '/', indicando a pasta root. Exemplo: cursor: url('/imagens/cursor-154478__180.png'); Commented 22/08/2015 às 1:56

1 Resposta 1

4

você precisa definir qual cursor receberá a imagem

#esquerda{
    width: 200px;
    height: 200px;
    border: 2px solid red;
    cursor: url(http://i225.photobucket.com/albums/dd43/erickson_29/basic.gif), auto;
}
<div id="esquerda"></div>

Essas são todas as opções de cursores que você possui:

auto            
default         
none            
context-menu    
help            
pointer         
progress        
wait            
cell            
crosshair       
text            
vertical-text   
alias           
copy            
move            
no-drop         
not-allowed     
all-scroll      
col-resize      
row-resize      
n-resize        
e-resize        
s-resize        
w-resize        
ns-resize       
ew-resize       
ne-resize       
nw-resize       
se-resize       
sw-resize       
nesw-resize     
nwse-resize     
2
  • Muito obrigado, me ajudou muito !! Commented 22/08/2015 às 1:16
  • 1
    Marca como certa, basta clicar no "V" em baixo da pontuação, isso vai ajudar outras pessoas que busquem uma dúvida como essa a saber qual foi a resposta que resolveu seu problema e de lambuja ainda incentiva quem te ajudoy dando a ele reputação. :D Commented 22/08/2015 às 1:17

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .