how to change right browser cursor and scrollbar

Question

How to change mouse cursor and right scroll bar because I did many searches and all cursor with default tag example of the code:

.mouse{
cursor: pointer;
}

and not and so wanted a cursor as on this site for example clear that will not be the same =3:

http://memorial.grandchase.com.br/

and also the scroll bar that I have no idea how to change it.

Answer 1

The cursor you can change using the property cursor specifying an image. Example:

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

It is always good to give a second argument, so that when the image is not loaded, the next cursor is called:

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

Demo at Jsfiddle: http://jsfiddle.net/awtLgkvp/

---

On the scroll bar, nay it is recommended to change it, since this is not in the W3C standards. The most you can achieve is changing the scrollbar in one or two browsers, and still using a lot of CSS lines (which will result in useless data for users who do not use these browsers).

I think a solution using Javascript is cool, but the idea itself is not good. You can read more about it in other similar questions:

• https://stackoverflow.com/questions/7725652/css-scrollbar-style-cross-browser

• https://stackoverflow.com/questions/9251354/css-customized-scroll-bar-in-div/14150577#14150577

Answer 2

cursor: url('seu_cursor_personalizado.cur'), apontar;

As for the scrollbar, take a look at this topic from here at stackoverflow: How to make a Custom Scrollbar?