Cursor

One thing I like to do, is changing everything I can. I want my work to look as original as possible. Fortunatly for me, the web has been around here longer than I am, and I'm not the only one with this view. After some research I found out you can change a lot of things like favicons, cursors, scrollbars etc.

I will just give some explanation and show some code, but most of this stuff is pretty simple.

CURSOR

html {
    cursor: url('');
}

This will change your default cursor to the image of the url. It only works when you hover over the element, so this will work everywhere. If you want to change the cursor on for example an radio button (radio buttons dont give pointer by default on every browser), you'll need to write it like this. You can also use url() again if you'd like.

input[type="radio"] {
    cursor: cursor;
}

A good thing to remember is that the cursor property overwrites most screenreader custom cursors!