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
Purpose of Asterisk Before a CSS Property
How to Center Align Horizontal ≪Ul≫ Menu
Difference Between Auto-Fill and Auto-Fit
Should I Avoid Using !Important in Css
Css Auto Hide Elements After 5 Seconds
Vuetify: Fit V-Image Within the Screen Size
How to Add Fonts to Create-React-App Based Projects
Ipad Safari Scrolling Causes HTML Elements to Disappear and Reappear With a Delay
Css Selector For First Element With Class
How to Disable Margin-Collapsing
How to Remove the Stripes That Appears When Using Linear Gradient Property
Center an Element in Bootstrap Navbar