How can you implement a grabbing cursor icon in Chrome?


Tags: javascript,html,css,google-chrome

Problem :

I know it's possible to use a grabbing cursor icon in Chrome (in Gmail, of course), but I can't figure out how to implement it in my code. I have tried (in CSS):

body {
  cursor: grab;
}

body {
  cursor: -webkit-grab;
}


body {
  cursor: url(http://www.worldtimzone.com/mozilla/testcase/css3cursors_files/grab.gif);
}


Solution :

Here's the styling that gmail uses if that's the exact cursor style you're after:

body {
  cursor: url(https://ssl.gstatic.com/ui/v1/icons/mail/images/2/openhand.cur), default !important;
}

You can test it out here.


    CSS Howto..

    CSS: How to force floating blocks to have equal (100%?) height

    How to modify css to show slider text

    How to ease the whole css animation

    How to align divs side by side without one being slightly lower?

    CSS how to revert SVG animation on mouseout from current frame

    How to draw a lens like circle on mouseover

    How can I set the width of something in jquery based on variables?

    How to find if a request is for js or css in httpHandler

    How to use ASP.NET Authorization Yet Permit Access to .css Files?

    show html element before sending ajax sync request

    How to force my text to not break into lines in css?

    How to use active and before with CSS?

    How to bring DIV2 to top WRT DIV1?

    How to change CSS when user scrolls past a certain div

    How to test browser performance of specific CSS property?

    how can a media query detect a full-hd smartphone?

    How to refer to css file in codeigniter?

    How to convert 2 css files into one swf file in flex 4.11 SDK

    how to insert css into html for blogger gadget

    CSS - How to deactivate the :hover pseudo class in IE 6

    How can I add read more click event to only open one news article?

    How can I avoid space while using pseudo-elements in multi-line markup?

    How to add-class and focus the children on keydown function

    How to vertically align div text?

    jQuery hover/hide/show - not all the text will disappear correctly when mousing over multiple images

    How to apply rounded borders to highlight/selection

    How do I use Controller specific stylesheets in Rails 3.2.1?

    How to make div size bigger?

    How to make text in transparent div opaque? [duplicate]

    how does the path work in css and js