How to change cursor background color dynamically?

[dropways]

I wan to use colorful cursor not only black and white.

I have a slider color with dynamically slide color so I need to use dynamic cursor background color.

Please suggest me solution.

Thank you in advance

[Drafteed]

Use a custom CSS:

.my-cursor.-red {
    color:#ff0000;
}

<div data-cursor="-red">Red cursor!</div>