blob: bf442e312893750c3879cffcc6460963e47c4b7b (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
Document: WR-023 P. Webb
2026.03.25
How to target Safari with CSS in 2026
Body
I was trying to figure this out to make this blog look decent on iOS.
Thanks to Wojtek[1] for the solution!
```css
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
.safari-only {
background-color: red;
}
}
```
References
[1] <https://wojtek.im/journal/targeting-safari-with-css-media-query>
|
