Windows 10 reached EOS (end of support) on October 14, 2025. For more information, see this article.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Is there a webkit compatibility mode to make Firefox try to listen to -webkit css flags?

  • 1 reply
  • 0 have this problem
  • Last reply by TyDraniu

Olliver Aira
Olliver Aira

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

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)

TyDraniu
TyDraniu
  • Top 10 Contributor

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-*

Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.