Skip to main content
replaced http://stackoverflow.com/ with https://stackoverflow.com/
Fonte Link

O cursor você pode pode mudar usando a propriedade cursor especificando uma imagem. Exemplo:

elemento {
    cursor:url(http://placehold.it/15x15);
}

É sempre bom você dar um segundo argumento, para que quando a imagem não seja carregada, o próximo cursor seja chamado:

elemento {
    cursor:url(http://placehold.it/15x15), default;
}

Demo no JSFiddle: http://jsfiddle.net/awtLgkvp/


Sobre a barra de rolagem, não é recomendado mudá-la, uma vez que isso não consta nos padrões da W3C. O máximo que você pode conseguir é mudar a barra de rolagem em um ou dois navegadores, e mesmo assim utilizando bastantes linhas de CSS (o que acarretará em dados inúteis para os usuários que não usam esses navegadores).

Acho bacana uma solução usando JavaScript, mas a ideia em si não é boa. Pode ler mais sobre isso em outras perguntas semelhantes:

O cursor você pode pode mudar usando a propriedade cursor especificando uma imagem. Exemplo:

elemento {
    cursor:url(http://placehold.it/15x15);
}

É sempre bom você dar um segundo argumento, para que quando a imagem não seja carregada, o próximo cursor seja chamado:

elemento {
    cursor:url(http://placehold.it/15x15), default;
}

Demo no JSFiddle: http://jsfiddle.net/awtLgkvp/


Sobre a barra de rolagem, não é recomendado mudá-la, uma vez que isso não consta nos padrões da W3C. O máximo que você pode conseguir é mudar a barra de rolagem em um ou dois navegadores, e mesmo assim utilizando bastantes linhas de CSS (o que acarretará em dados inúteis para os usuários que não usam esses navegadores).

Acho bacana uma solução usando JavaScript, mas a ideia em si não é boa. Pode ler mais sobre isso em outras perguntas semelhantes:

O cursor você pode pode mudar usando a propriedade cursor especificando uma imagem. Exemplo:

elemento {
    cursor:url(http://placehold.it/15x15);
}

É sempre bom você dar um segundo argumento, para que quando a imagem não seja carregada, o próximo cursor seja chamado:

elemento {
    cursor:url(http://placehold.it/15x15), default;
}

Demo no JSFiddle: http://jsfiddle.net/awtLgkvp/


Sobre a barra de rolagem, não é recomendado mudá-la, uma vez que isso não consta nos padrões da W3C. O máximo que você pode conseguir é mudar a barra de rolagem em um ou dois navegadores, e mesmo assim utilizando bastantes linhas de CSS (o que acarretará em dados inúteis para os usuários que não usam esses navegadores).

Acho bacana uma solução usando JavaScript, mas a ideia em si não é boa. Pode ler mais sobre isso em outras perguntas semelhantes:

Fonte Link
Rafael Almeida
  • 2,6mil
  • 15
  • 31

O cursor você pode pode mudar usando a propriedade cursor especificando uma imagem. Exemplo:

elemento {
    cursor:url(http://placehold.it/15x15);
}

É sempre bom você dar um segundo argumento, para que quando a imagem não seja carregada, o próximo cursor seja chamado:

elemento {
    cursor:url(http://placehold.it/15x15), default;
}

Demo no JSFiddle: http://jsfiddle.net/awtLgkvp/


Sobre a barra de rolagem, não é recomendado mudá-la, uma vez que isso não consta nos padrões da W3C. O máximo que você pode conseguir é mudar a barra de rolagem em um ou dois navegadores, e mesmo assim utilizando bastantes linhas de CSS (o que acarretará em dados inúteis para os usuários que não usam esses navegadores).

Acho bacana uma solução usando JavaScript, mas a ideia em si não é boa. Pode ler mais sobre isso em outras perguntas semelhantes: