CSS Hack pour Cible Firefox 3.5+?

Firefox 3.5 prend désormais en charge la nième* pseudoclass, qui est ce que j'utilisais pour cible mon css pour Safari et Chrome. Maintenant Firefox lit de ceux qui sont trop, provoquant mineur problèmes d'implantation. Est-ce quelqu'un connais un moyen de cibler spécifiquement les FF 3.5+?

BODY:nth-of-type(1) #topsearch input[type=submit] /* Safari 3.1+ and Chrome */{ 
     height:19px 
}
pour moi, cela sonne comme de la mauvaise utilisation des css, si vous avez de cibler chaque navigateur séparément. surtout si vous parlez des navigateurs qui comprennent tous un certain CSS3 fonctionnalité. car je ne sais pas votre contexte, j'ai peut-être tort.
tharkun, à l'aide de hacks CSS pour cibler certains navigateurs (pour obtenir des rendus pages de regarder la même dans tous les navigateurs) sont monnaie courante. Malheureux faits d'un concepteur de la vie.
Pourquoi essayez-vous de résoudre votre problème avec un hack? Nous montrer le véritable code CSS et nous pouvons vous dire comment le réparer.
Je devrais aller à un designer du forum, mais voici un exemple: CORPS:nth-of-type(1) #topsearch input[type=submit] /* Safari 3.1+ et Chrome */ { height:19px } Cette fonction est désormais lire dans FF 3.5, où j'ai besoin de la valeur de la hauteur pour être différent.
J'essaie d'écrire des applications, créer des mises en page et, par conséquent, écrire CSS qui n'a pas besoin de tous les hacks. Il n'est pas toujours possible avec IE6, mais pour le reste, oui!

OriginalL'auteur | 2009-07-21

  1. 5

    Comment à ce sujet, je l'ai testé dans Safari 4 et la hauteur est 19px, dans Firefox 3.5 la hauteur de l'affiche comme 39px.

    <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>
    La réponse dont j'avais besoin, merci!
    merci @Paul, de Belles choses!

    OriginalL'auteur Paul

  2. 5

    CSS Navigateur sélecteur vous permet d'écrire du CSS, qui cible spécifiquement les navigateurs, sans se soucier de hacks. Je ne peux pas le recommander assez.

    c'est un bel outil! Il fait un truc similaire à ce que j'ai posté mais ajoute les classes de l'élément html. Puisque c'est l'ultime élément de plus haut niveau, tout en précisant .gecko ou .gagner ou .safari s'occupe de tout comme un charme!
    un mineur de catch... aussi loin que je peux dire (pour le moment) que l'outil ne fournit pas une classe spéciale pour ff3-5. Cela dit, vous pouvez cibler avec safari et chrome.
    Je sais que ce posrt est vraiment vieux, mais je viens de le trouver. Prononcez awesomeness, merci!
    Le post peut-être vieux, mais la solution est tout aussi pertinente aujourd'hui.

    OriginalL'auteur Bruce McLeod

  3. 4

    Sur un "religieux" remarque, nous ne devrions pas être à l'aide de CSS pour cibler n'importe quel navigateur. Malheureusement, à cause de IE cours de sa réputation derrière sur le soutien des fonctionnalités CSS (et tous les bugs) hacks ont été appliqués à la cible CSS pour un navigateur donné.

    Les Commentaires Conditionnels qui utilise IE... même si laid... fournissent un mécanisme pratique pour cibler un navigateur (et version)... je souhaite presque que les autres navigateurs pris en charge.

    J'ai vu quelques sites de le faire... ce qui est une approche intéressante pour la manipulation de ciblage des différents navigateurs.

    <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>

    Dans le long terme, ils sont tous les hacks... ça dépend de quel genre de hacks que vous êtes prêt à vivre avec 😉

    OriginalL'auteur scunliffe

  4. 0

    D'ailleurs le "CORPS:nth-of-type(1) ..." syntaxe des sauts de YUI compressor, la capacité de minify CSS. J'utilise à la place du corps": first-of-type ...".

    OriginalL'auteur

  5. 0

    Mon approche à l'aide d'une classe PHP pour détecter le système d'exploitation, navigateur et la version du navigateur. Vous pouvez cibler n'importe quelle version de presque n'importe quel navigateur sur n'importe quel système d'exploitation.

    OriginalL'auteur

  6. 0

    à l'aide de http://rafael.adm.br/css_browser_selector/

    juste remplacer cette partie:

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

    pour cette partie:

    est('firefox/2')?g+'
    ff2': ('firefox/3.5')?g+'
    ff3_5': ('firefox/3')?g+' ff3'

    cela devrait faire l'affaire

    PS: si vous voulez attraper, de 3 autres.versions x vous voudrez peut-être ajouter:

    est('firefox/2')?g+'
    ff2': ('firefox/3.5')?g+'
    ff3_5': ('firefox/3.6')?g+'
    ff3_5': ('firefox/3.8')?g+'
    ff3_5': ('firefox/3')?g+' ff3'

    OriginalL'auteur Joseph

  7. 0

    Cela fonctionne:

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

    Que les cibles les plus récents navigateurs WebKit, et pas Gecko ou Trident.

    OriginalL'auteur Steve Paulo

  8. 0

    Beaucoup de choses ont changé dans les dernières années. Pour Firefox 3.5+ hack, voici un que j'ai créé à cette fin:

    /* Firefox 3.5 and newer */

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

    Pour le tester, vous pouvez voir en direct avec beaucoup d'autres pour les différentes versions de navigateur à mon live des hacks CSS site de test ici: http://browserstrangeness.bitbucket.org/css_hacks.html#firefox

    Profitez-en!

    OriginalL'auteur Jeff Clayton