Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

FireFox inset box-shadow bug

FireFox inset box-shadow bug

Problem

I know there is a bug with box-shadow(inset) in Firefox. It lags a lot. I'm trying to disable box-shadow for FF 11. But -moz-box-shadow:none!important; is not working! Browser just begins to use the property box-shadow (without -moz).

.class {
    box-shadow:inset 0 0 3px #fff; /* for opera */
    -webkit-box-shadow:inset 0 0 3px #fff; /* for webkit browsers */
    -moz-box-shadow:none!important; /* for FF */
}

Need help!

Problem courtesy of: Toon

Solution

-moz-box-shadow is no longer supported by new versions of Firefox.
Hopefully Chrome and Safari will continue to support -webkit-box-shadow. So solution may be:

.class {
    box-shadow: none; /* turn off shadow for all */
    -moz-box-shadow: none;
    -webkit-box-shadow: inset 0 0 3px; /* turn on shadow for Chrome & Safari */
}
Solution courtesy of: oluckyman

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

FireFox inset box-shadow bug

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×