cssoperabrowser-detection

Future proof CSS selector for LTE Opera 10

I am currently using @media screen and (-webkit-min-device-pixel-ratio:0) to target Webkit browsers + Opera 9.2.

Is there a safe* way to target Opera GTE 9.5 or LTE 10?

* won't be picked up by another browser

Solution

  • That was hard but here it is. Works only in Opera gte 9.5 and lt 10.50:

    @media all and (resolution = 0dpi) { // exclude Opera 10.50 and higher
  :root #box { // you need to append :root to all selectors to exclude Opera lt 9.5
    background: #f00;
  }
}