1

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?

Trevor Dixon
  • 23,216
  • 12
  • 72
  • 109
  • 1
    @TrevorDixon LESS will help you - `.mixin() { ... } ::-webkit-full-screen { .mixin} ::-moz-full-screen { .mixin }` – Rob W Sep 13 '13 at 16:52
  • @Trevor Dixon: Another reason why prefixes don't seem like such a good idea. – BoltClock Sep 13 '13 at 17:01

2 Answers2

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,728
  • 1
  • 13
  • 27
0

Can't be done. You need two declarations. Browsers will ignore selectors they don't recognize.

Adam Jenkins
  • 51,445
  • 11
  • 72
  • 100