3

This CSS hack used to work up to iOS 15.6, but it doesn't work in iOS 16.

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {}
}

Are there any new hacks to also target Safari 16?

disinfor
  • 10,865
  • 2
  • 33
  • 44
overcaffeinated
  • 53
  • 5

1 Answers1

5

some Hyphenation seems like it does work only on safari.. honestly, I have never used them but take a look at it from here https://caniuse.com/?search=-webkit-hyphens

someone also was suggesting this

@supports (-webkit-hyphens:none){
        @content
}

Is there a way to apply styles to Safari only?

Ahmed Mansour
  • 500
  • 4
  • 14
  • 1
    This seems to be working. Tested it on browserstack and it works in iOS16 down to iOS 10 which is the older version of iOS browserstack supports. It applies to both Safari and Chrome browsers in iOS. Thanks for the help. – overcaffeinated Sep 27 '22 at 13:56
  • you are always welcome. i am glad i could help :) – Ahmed Mansour Sep 29 '22 at 06:22