CSS Hack to Target Firefox 3.5+?

Question

CSS Hack to Target Firefox 3.5+?

Firefox 3.5 now supports the nth- * pseudo-class, which was what I used to configure my css for Safari and Chrome. Now Firefox also reads this data, causing minor layout problems. Does anyone know a way to specifically configure FF 3.5+?

BODY:nth-of-type(1) #topsearch input[type=submit] /* Safari 3.1+ and Chrome */ { 
     height:19px 
}

+3

css firefox

nonagon Jul 21 '09 at 13:47

source share

8 answers

Paul · Answer 1 · 2009-07-21T14:30:35+0000

How about this, I tested it in Safari 4, and the height is 19 pixels, in Firefox 3.5 the height is displayed as 39 pixels.

<style>

BODY:nth-of-type(1) #topsearch input[type=submit] /* Safari 3.1+ and Chrome */ { height:19px }      
BODY:nth-of-type(1) #topsearch input[type=submit], x:-moz-any-link, x:default { height: 39px; }

</style>

Bruce mcleod · Answer 2 · 2009-07-21T14:34:48+0000

CSS Browser Selector lets you write CSS for specific browsers without worrying about hacks. I can not recommend it highly enough.

scunliffe · Answer 3 · 2009-07-21T14:32:49+0000

"" CSS . , - , IE waaaay CSS- ( ), CSS .

, IE... ... ( )... , .

, ... .

<head>
  <style>
    body.safari form input{
      /*special styles for Safari*/
    }
    body.firefox form input{
      /*special styles for Firefox*/
    } 
    body.firefox.v3-5 form input{
      /*special styles for Firefox 3.5*/
    } 
</style>
</head>
<body>
  <script>
    //run code here, that sets the class and or id attribute on the body tag...
  </script>

... , ; -)

erik swedberg · Answer 4 · 2009-07-30T02:32:35+0000

, "BODY: nth-of-type (1)..." YUI CSS. "body: first-of-type...".

Reinhold Weber · Answer 5 · 2009-08-01T11:40:30+0000

PHP os, . .

Joseph · Answer 6 · 2009-08-14T13:08:49+0000

http://rafael.adm.br/css_browser_selector/

:

( '/2')? + ff2 ': is (' firefox/3 ')? g +' ff3 '

:

( '/2')? + FF2 ': (' /3.5 ') G +? ff3_5 ': is (' firefox/3 ')? g +' ff3 '

PS: 3.x, :

( '/2')? + FF2 ': (' /3.5 ') G +? ff3_5 ': (' /3.6 ') G +? ff3_5 ': (' /3.8 ') G +? ff3_5 ': is (' firefox/3 ')? g +' ff3 '

Steve Paulo · Answer 7 · 2009-12-04T23:19:01+0000

:

@media screen and (-webkit-min-device-pixel-ratio:0){
    #topsearch input[type=submit] { height:19px; }
}}

WebKit, Gecko Trident.

Jeff Clayton · Answer 8 · 2014-12-20T05:26:23+0000

. Firefox 3.5+ :

/* Firefox 3.5 and newer */

_:-moz-handler-blocked, :root .selector { property:value; }

, CSS: http://browserstrangeness.bitbucket.org/css_hacks.html#firefox

!

CSS Hack to Target Firefox 3.5+?

More articles: