CSS not working in Safari, working fine in Chrome

Asked Jun 19 '19 at 05:10

Active Jun 19 '19 at 05:19

Viewed 178 times

The above CSS is working fine for both Chrome and Mozilla, but it's not working for Safari.

Mozilla:

@supports (-moz-appearance:none) {
  .additem .additem_btn i:before {
    font-size: 14px !important;
    margin-left: -2px !important;
  }
}

Safari:

_::-webkit-full-page-media,
_:future,
 :root .additem .additem_btn i:before {
  font-size: 14px !important;
  margin-left: -2px !important;
}

All browsers:

.additem .additem_btn i:before {
  font-size: 14px !important;
  margin-left: -1px !important;
}

Original design:

Issues are marked in red color:

edited Jun 19 '19 at 05:19

showdev

asked Jun 19 '19 at 05:10

Praveen_acube

https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome – nimsrules Jun 19 '19 at 05:17
Look like this not a browser issue there is something wrong with in your code, can you please create a snippet so we can help you out. – Sumit Patel Jun 19 '19 at 05:25
Possible duplicate of [is there a css hack for safari only NOT chrome?](https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome) – Chandresh Khambhayata Jun 19 '19 at 05:56
This is the snippet for the above screen. https://jsfiddle.net/praveepradeep/yt1jr59v/1/ – Praveen_acube Jun 25 '19 at 11:59

0 Answers0