Subscribe to our feed...

http://feeds.feedburner.com/design-notes

  • Push Your Designs To Perfection

    goldSCHNITT is a small stand alone application for MAC that helps you apply golden ration to your design. Golden ratio(1.61803) is believed as a ratio of perfection. It has been used by many artists and architects through the history.

    Now we have this small app called goldSCHNITT to help you implement golden ration into your design.

CSS Hacks to Target Firefox Browser

Under: CSS, Tutorial 2 comments

All browsers render differently. Firefox has been proved to be one of the best and most favored browser. However, sometimes targeting Firefox is just as necessary as targeting any other browsers.

Target Firefox 3

/* Target Firefox 3 */
.domtabs li a, x:-moz-any-link, x:default {
padding:11px 0 12px 0;
}

Target Firefox 2

/* Target Firefox 2 */
.domtabs li a, x:-moz-any-link {
padding:11px 0 12px 0;
}

Any Firefox

/*Any Firefox*/
@-moz-document url-prefix() {
  .selector {
     color:lime;
  }
}

Firefox Rounded Conners

    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
ADD TOAdd To Evernote

If this helps, why not tell your friends?

  • Reddit
  • del.icio.us
  • StumbleUpon
  • Facebook
  • Technorati
  • Design Float
  • Identi.ca
  • FriendFeed
  • Yahoo! Buzz
  • Ping.fm

2 Responses to “ CSS Hacks to Target Firefox Browser ”

  • Andy Walpole says:

    I use IE hacks all the time but I’ve shied away from FIrefox hacks. The coders behind Firefox – unlike IE – are too on the ball and I wouldn’t want to risk a hack becoming redundant and then screwing up old code.

    Anyway, you’d have to search hard and fast to find a reason to use a Firefox only hack.

    [Reply]

  • Leave a Reply

    All fields marked with "*" are required.