How to change the selection tip of custom cursor using css


Tags: javascript,jquery,html,css,cursor

Problem :

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.


    CSS Howto..

    How to dynicamlly center the center of a div based on screen size

    How to make a responsive scrollbar?

    How to combine two css3 gradients ?

    How do I create a teardrop in HTML?

    How to style xml file? from xml to html using xslt and style that html using css [closed]

    how to call browser based css?

    How to change different language to different font-size at same line without unique each container?

    How to fetch the background of DIV on a bottom layer with exact position using jQuery and CSS

    How to move stacked columns up (using bootstrap but any css will do)

    how to make target link work giving different css properities

    Understanding how VS parses CSS in .ascx docs

    Wordpress: How to add a caption right-aligned to the edge of the image

    How to remove css and javascript code in source code of website

    How to generate width CSS from JavaScript / C#

    How to display last div at top using CSS?

    How to render email template in a page?

    How can I hide the extra list items that don't fit within a fixed-height box?

    how to overlap two div in css?

    How to reuse a css background sprite for icons of different sizes?

    How to prevent cursor from getting stuck in css transform:rotate in firefox?

    CSS - How to make IE7 respect min-width

    CSS - How to address only parents and not children

    How to create transparent text on non-transparent background

    Attempting to show logo using 'content' from CSS

    how to write a css that only can be visible on desktop in bootstrap

    How to pass array from method to property using PHP

    How to Stop jQuery from Buffering Hover Effects?

    How can I change the CSS values of multiple elements when my sticky menu becomes fixed?

    How to create a DIV style switcher in JavaScript?

    How to use a different stylesheet for iphone or android?