CODEWITHSUNDEEP
htmlcssxhtml
AndreaNobili
AndreaNobili

Reputation: 42957

How to correctly redefine the CSS settings for FireFox?

I have the following problem with CSS.

I have to define this style that have to be applied only if the used browser is **FireFox) 

body {
    text-align: center;
    background-color: #E9FDE9;
    color: #696969;
    size: 12px;
}

So the CSS setting for the body tag have to be redifined only if the browser is FireFox.

I know that for IE I can use the conditional comment...but for FireFox?

Upvotes: 0

Views: 64

Answers (2)

Dave Hearne
Dave Hearne

Reputation: 205

This will do the trick: 

    @-moz-document url-prefix() { 
       body {
         text-align: center;
         background-color: #E9FDE9;
         color: #696969;
         size: 12px;
       }
   }

Upvotes: 1

Jasper Schiks
Jasper Schiks

Reputation: 188

For Chrome Firefox and IE

   <style type='text/css'>
    /*This will work for chrome */
    #categoryBackNextButtons
    {
        width:490px;
    }
    /*This will work for firefox*/
    @-moz-document url-prefix() {
        #categoryBackNextButtons{
            width:486px;
        }
    }
    </style>
    <!--[if IE]>
    <style type='text/css'>
    /*This will work for IE*/
    #categoryBackNextButtons
    {
        width:486px;
    }
    </style>
    <![endif]-->

Upvotes: 1

Related Questions