8
votes

Déclaration conditionnelle CSS pour Firefox

J'ai des problèmes avec CSS dans Firefox, je veux donc importer un fichier CSS uniquement si le navigateur est FF

en réalité, j'ai besoin d'importer ces styles: P>

.searchbutton{
    position:absolute; right:3px;  width:25px;  
    top:3px;
}

#buscarmain{ bottom:12px;

}


2 commentaires

Des problèmes avec Firefox uniquement ou d'autres navigateurs, aussi? Si vous comparez à IE, votre balisage est faux. Il y a une raison que des commentaires conditionnels ne sont nécessaires que dans IE.


J'ai une chose qui a l'air juste dans IE, Safari, Chrome, mais pas Firefox. Je ne me soucie pas si mon balisage est "faux", comme s'il y a une telle chose dans une structure non XML. Je veux juste savoir comment appliquer un style à Firefox uniquement. Je suppose que l'astucieux fait aussi.


5 Réponses :


1
votes

IE est le seul navigateur avec des commentaires conditionnels. J'ai toujours senti que chaque navigateur devrait avoir leur propre, mais hélas.

Je pense que la solution consiste à modifier votre feuille de style de sorte qu'elle s'affiche correctement dans Firefox, puis corrigez-le pour IE.

Une solution rugueuse et très sale serait d'utiliser JavaScript pour détecter le navigateur et ajouter une classe telle que "ffonly" à l'étiquette du corps si le navigateur est Firefox. Ensuite, apportez toujours votre feuille de style Firefox mais mettez «.ffonly» au début de toutes vos règles de style


6 commentaires

Chaque fois que quelqu'un exige un navigateur spécifique à CSS, je remets toujours en question leurs capacités. C'est-à-dire le seul navigateur qui a besoin de telles choses.


Je dois être en désaccord. Divers navigateurs ont leurs propres préfixes de CSS et gèrent diverses choses à leur manière, des gradients CSS, des rotations 2D, etc. Je sais que Firefox est le seul navigateur qui lirait une règle à la suite, mais je pense que cela serait plus gracieux servir uniquement de telles règles à Firefox. Bien sûr, cela commencerait à être rempli de hacks paresseux et! Des déclarations importantes, donc peut-être que le manque de commentaires non conditionnels non conditionnels est une bonne chose. Pour le record: vous avez raison, un bon codeur n'en aura pas besoin.


Vous parlez de préfixes de fournisseurs qui font partie de la spécification W3C et permettent aux navigateurs de mettre en œuvre des caractéristiques spécifiques à elles. Ceci est généralement destiné aux propriétés non standard ou aux propriétés instables où la norme n'a pas encore été finalisée. Les commentaires conditionnels eux-mêmes sont non standard, c'est pourquoi ils ne fonctionnent que dans IE.


@ROB: Les préfixes du vendeur peuvent devenir eux-mêmes un pita ("Arrêtez de fourrage CSS!") Mais je vais devoir accepter avec vous: c'est-à-dire que le seul navigateur nécessitant une CSS spécifique, la plupart des temps


À l'heure actuelle, j'ai besoin d'un CSS ciblé Firefox en raison de Ce 11 ans non corrigé Bug lié ​​au remplissage textarea (j'ai besoin Padding: 0px uniquement pour Firefox, car tous les autres navigateurs le rendent comme prévu. Regardez: bugzilla.mozilla.org/atachment.cgi?id=784647


C'est 2018 et il y a encore des différences de polices entre Firefox, Chrome et Safari. Tout n'est pas tout / edge-vs-tous-autres navigateurs.



7
votes

a résolu le problème

juste ajouté: xxx


4 commentaires

Vous vous rendez compte qu'il est très improbable pour Firefox d'avoir un «bogue» pendant que d'autres navigateurs ne le font pas, non? Comme il a déjà été dit, veuillez vérifier votre balisage et votre CSS à nouveau et assurez-vous de ne pas comparer Firefox à IE uniquement.


Les gens de la terre, arrêtent de canoniser Firefox (qui est mon navigateur de choix au fait), les chaussures de clown ne sont pas une déclaration de mode. Firefox a eu des bugs comme des produits Apple et autre chose.


Dan, c'est une bonne question et une bonne réponse. Je ne sais pas ce qui ne va pas avec les gens.


Je suis passé de Firefox à Chrome parce qu'il semble moins buggy



12
votes

Vous pouvez essayer le sélecteur de navigateur CSS


1 commentaires

Le lien d'origine est en panne, pouvez-vous essayer de mettre à jour la réponse? (Je sais que ça fait 3 ans)




13
votes

Voici comment nous pouvons cibler les styles CSS uniquement pour Firefox: xxx

source: Ciblage uniquement Firefox avec CSS


0 commentaires