This works:
:-webkit-full-screen {
...
}
And so does this:
:-moz-full-screen {
...
}
But when I do this, the styles don't get applied in Chrome or Firefox:
:-webkit-full-screen, :-moz-full-screen {
...
}
How do I target both?
Asked
Active
Viewed 1,616 times
1
Trevor Dixon
- 20,124
- 10
- 69
- 102
-
1@TrevorDixon LESS will help you - `.mixin() { ... } ::-webkit-full-screen { .mixin} ::-moz-full-screen { .mixin }` – Rob W Sep 13 '13 at 16:52
-
Yes, that is very helpful. Thank you @RobW. – Trevor Dixon Sep 13 '13 at 16:55
-
@Trevor Dixon: Another reason why prefixes don't seem like such a good idea. – BoltClock Sep 13 '13 at 17:01
2 Answers
4
Rob is right about this being a duplicate, but the short version is that Firefox says ":-webkit-full-screen? That's garbage; I'm throwing out this whole selector", and Chrome says the same about :-moz-full-screen. You need to copy the whole thing out for each selector.
user1618143
- 1,718
- 13
- 27
0
Can't be done. You need two declarations. Browsers will ignore selectors they don't recognize.
Adam
- 46,658
- 11
- 63
- 84