8

Ran into a problem, where chrome and safari display margin differently. But both of them are webkit, so can't really use a prefix. Is there any solution, or hack that could help with it?

user3353748
  • 327
  • 1
  • 2
  • 12

1 Answers1

16

Found somewhere else here. worked fine for me

@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari and Chrome */
.myClass {
 color:red;
}

/* Safari only override */
::i-block-chrome,.myClass {
 color:blue;
}
}
user3353748
  • 327
  • 1
  • 2
  • 12
  • 2
    Microsoft Edge also support some features of `-webkit` ... your answer will target MS Edge as well – sohaiby Oct 05 '15 at 09:12
  • 1
    Not working for me, but this does: http://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome – cptstarling Apr 28 '16 at 18:36