Is there a webkit compatibility mode to make Firefox try to listen to -webkit css flags?
Or is the only option - as a web developer, to make duplicate css flags?
I.e: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::-webkit-slider-runnable-track & https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::-webkit-slider-thumb Where firefox supports the behavior, but under different flag names https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::-moz-range-thumb & https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::-moz-range-track
Im also looking for recommendations on barebones/simple parsers that can help make my html/css/js more compatible without messing up the code too much. Im hoping to avoid having to use a build system.
Thank you
All Replies (1)
There's no webkit compatibility mode, as Firefox understands majority of webkit flags by default. But we didn't implement any of this two yet. Standardized ::slider-* is being tested under the layout.css.modern-range-pseudos.enabled flag, but we want to support ::-webkit-slider-* as well.
So for now you have to use both, but in a few months you'll be able to switch to ::slider-*