Grow your CSS skills. Land your dream job.

Firefox Ignoring -moz-rules?

  • # October 25, 2012 at 12:27 am

    Hi-
    On my WordPress site, I have a few rules that are working to generate firefox fallbacks for certain styles. However, whenever firefox loads the page, it simply ignores the -moz- vendor prefixes. I’ve tried removing everything but the -moz- rules, but firefox still ignores the rules and allows the styles to be deleted, as nothing is now being recognized (the moz rules are ignored, even though they’re the only ones there.)

    Here is a snippet of my CSS where one of these ignored rules bug happens. Anything I’m doing wrong?

    .access ul ul a {
    box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px #000;
    background: #FFF;
    color: #787878;
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: 1.4em;
    padding: 10px 10px;
    width: 168px;
    outline: 1px solid #FFF;
    -moz-outline: 1px solid #FFF;
    }

    I’m totally stumped. Thank you for any help! :)

    # October 25, 2012 at 12:49 am

    @NForte, vendors use prefixes when the particular browser version doesn’t support default prefix-less styling (eg. box-shadow).
    Once it supports fully, they drop prefixes for that style.
    So if you’re using latest firefox, they have dropped prefix for box-shadow. But older versions mite not have.

    The Best thing you can do is have firebug and create new style for selected element.
    type “-moz-” and navigate through properties with up / down arrow keys.

    Let me know if that helps. :)

    # October 25, 2012 at 3:21 am

    By the way, outline is not a prefixed property. At least not as far as I can tell.

    # October 26, 2012 at 8:29 pm

    Thanks for the help. I was able to fix the problems by doing a Google search and found out that Firefox actually draws outlines _outside_ of the box-shadow, whereas all other browsers draw outlines inside the box shadow. Anyways, good stuff to know. As for the fix I found [this](http://css-tricks.com/snippets/css/css-hacks-targeting-firefox/ “”) on CSS-tricks.

    Thanks again for the help. I didn’t know the deal with the vendor prefixes, so I was puzzled when Firefox was ignoring them. Might be a good idea to keep them on for fallback reasons…

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".