CODEWITHSUNDEEP
javascriptcssiframegoogle-apicursor
newbie2015
newbie2015

Reputation: 251

Save to Drive button cursor

I have recently added a Google Save to Drive button to my website. I was thoroughly disappointed when I realized that the cursor over the button could not be changed from default to a custom cursor through any CSS or JavaScript means of which I am aware. I have tried all relevant tags, classes and IDs but nothing seems to work. I understand that it is a cross-domain issue, but there has to be a way to get this to work. Might it be possible to replace the style sheet that corresponds to the button with a doctored one? Is there any way that I can change the cursor over this button and maintain its functionality?

Upvotes: 1

Views: 60

Answers (1)

Francisco Romero
Francisco Romero

Reputation: 13199

If you want to change the cursor to press a button you can do it with cursor property:

button{
  cursor: pointer;
}
<button type="button">Click Here!</button>

If you want to use a custom cursor you can use images to do it with url parameter:

button{
  cursor: url(http://www.rw-designer.com/cursor-teaser/tiny.png), auto;
}
<button type="button">Click Here!</button>

Upvotes: 1

Related Questions