Is There a CSS Hack to Affect Safari Only Not Chrome

Override a specific css class only for Safari browser

-webkit-appearance is (luckily or not) also supported by Firefox and Edge as mentioned in the mozilla documentation.
Only thing I can imagine to work is to use JavaScript to target the user agent:

function detectBrowser() {
  if (navigator.userAgent.includes("Safari")) {
    // your code here
  }
}

CSS hack for only Safari NOT Chrome?

CSS hacks are property specific to that browser, rather than browser specific to all properties.

Meaning, you may find a hack that can adjust the font in safari and not effect font in other browsers. However, you cannot use CSS hacks to change all properties in a specific browser.

Hope that helps!

CSS not working in Safari, but in Chrome and other browsers it does

You need to remove background-attachment : fixed not supported on the safari , check it here Can I use , last parameter of background css key is an attachment

---

Related Topics