What does @-moz-document url-prefix() do?

by

Any CSS at-rule that starts with @-moz- is a Gecko-engine-specific rule, not a standard rule. That is, it is a Mozilla-specific extension.

The url-prefix rule applies the contained style rules to any page whose URL starts with it. When used with no URL argument like @-moz-document url-prefix() it applies to ALL pages. That’s effectively a CSS hack used to only target Gecko (Mozilla Firefox). All other browsers will ignore the styles.

See here for a list of other Mozilla-specific extensions.

More Related Contents:

  1. filter: blur(1px); doesn’t work in Firefox, Internet Explorer, and Opera
  2. SVG data image not working as a background-image in a pseudo element
  3. Does Firefox support position: relative on table elements?
  4. How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
  5. CSS @font-face not working with Firefox, but working with Chrome and IE
  6. See :hover state in Chrome Developer Tools
  7. Remove extra button spacing/padding in Firefox
  8. :not() selector not behaving the same between Safari and Chrome/Firefox
  9. How can I determine what font a browser is actually using to render some text?
  10. Custom Cursor Image CSS
  11. 3D CSS transform, jagged edges in Firefox
  12. Hidden scrollbars in Firefox (allows scrolling but just no scrollbar)
  13. Using JavaScript to edit CSS gradient
  14. Browser support for CSS :first-child and :last-child
  15. How to hide scrollbar in Firefox?
  16. How can I zoom an HTML element in Firefox and Opera?
  17. Borders not shown in Firefox with border-collapse on table, position: relative on tbody, or background-color on cell
  18. Fonts looks different in Firefox and Chrome
  19. How do I Make Firefox Print a Background-Color Style?
  20. What is the correct “-moz-appearance” value to hide dropdown arrow of a element
  21. How to Identify Microsoft Edge browser via CSS?
  22. When setting a font-size in CSS, what is the real height of the letters?
  23. How do browsers deal with non-integer values for height and width?
  24. CSS “outline” different behavior behavior on Webkit & Gecko
  25. background-attachment fixed with transform not working in Firefox
  26. SVG Fill not being applied in FireFox
  27. position relative in firefox [duplicate]
  28. Firefox sets wrong caret position contentEditable with :before
  29. Ellipsis in flexbox container [duplicate]
  30. :nth-letter pseudo-element is not working [closed]

Leave a Comment