Search code examples
javascriptjqueryhtmlcsscursor

How to change the selection tip of custom cursor using css


In my website, I am using a color picker jquery plugin for picking colors from an image.I have change the cursor to an eyedropper icon using CSS. Right now,while clicking on the image,the color pointed by the upper part of cursor is picked.Since it is eyedrope cursor, i need to use its lower part to pick colors. Please help me out.

This is the cursoram that using : enter image description here

Thanks


Solution

  • cursor:url(http://www.yourwebsite.com/yourcursorname.cur) 0 16,default;
    

    Tell it where to set the x y coords in your css when declaring the cursor.