Change cursor image on scrollbar in chrome

Question

I need to change custom cursor for scrollbar in Chrome. I have lightbox which has set custom cursor with big X and Close text. Problem is that in chrome the cursor definitio

Answer 1

Try adding cursor: auto to your scrollable class

.scrollable { 
  cursor: auto; 
}

Works with textareas, not sure with divs.

Answer 2

You can use the vendor selectors for chrome's scrollbar to set styles. However, I don't think it will allow you to change the cursor. You could try this to see if it works:

::-webkit-scrollbar {
    cursor:pointer;
}

UPDATE

After looking more into this issue, apparently there is a bug with Chrome and updates to the cursor on scrollbars. Here is the ticket, it is still open. You can still change the styles, but the customizations seem a bit limited.