safari browser struggles with custom cursor

New Here ,
Mar 15, 2020 Mar 15, 2020

Copy link to clipboard

Copied

Hi together,

 

I created a Page with several hotspots on an image- if you hover over the hotspots the images are swapping. Now I decided to have a custom cursor (css), which works absolutely fine in Firefox, but doesn't really work in Safari. 

The cursor needs to stay the same, in safari it changes when you hover over hotspots, into a pointer.

Any solutions for this?  

Thanks!

TOPICS
Browser , How to , Preview

Views

1.2K

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Mar 15, 2020 Mar 15, 2020

Copy link to clipboard

Copied

This may help: https://css-tricks.com/almanac/properties/c/cursor/

Wappler, the only real Dreamweaver alternative.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Mar 15, 2020 Mar 15, 2020

Copy link to clipboard

Copied

LATEST

In general, it's best not to tamper with how browsers normally behave.  Changing the default cursor doesn't make your site better.  In fact, it could confuse people if your links don't behave like links in all browsers -- Chrome, FF, MS Edge,, IE, Opera, Mac Safari, Safari iOS, Android, etc... 

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines