J'ai cherché autour de là et auriculité, LO et voici, Mozilla le lit correctement. J'ai cherché dix fois plus mais je suis venu avec rien, alors je suis ici.
Y a-t-il un piratage de CSS de Google Chrome uniquement? Corps: Nth-of-Type (1) est utilisé dans CSS pour cibler uniquement Safari et Google Chrome.
4 Réponses :
Il n'y a pas de CSS pour seulement chrome (Afaik) mais chrome et safari. Vous pouvez envisager une solution JavaScript.
Mise à jour du 22 janvier 2013: Comme mentionné dans les commentaires, cela ne peut plus être sûr. Je n'ai pas pu trouver une alternative appropriée. @Media écran et (-webkit-min-périphérique-Pixel-ratio: 0) {... styles vont ici ...}
Lorsque j'ajoute votre ci-dessus CSS, Firefox et c'est-à-dire un peu GOONKKY et ne lisez aucun de mes CSS qui est en dessous du bloc d'écran @Media. Savez-vous ce qui pourrait être faux?
Je viens d'ajouter le code CSS au bas de la page - a résolu le problème. Merci!
Cela pourrait ne pas être un moyen fiable de cibler plus les navigateurs WebKit, car les vendeurs de navigateurs ont commencé à adopter des préfixes WebKit ainsi que leur propre: GLAZMAN.ORE/WELLOG/DOTCLEAR/IDEX.PHP?POST/2012/ 02/09 / ...
L'un des sélecteurs -Webkit doit fonctionner pour simplement chrome et safari.
http://qooxdoo.org/documentation/general/webkit_css_styles
J'espère que c'est ce que vous cherchez. Voici le site webkit:
Il est préférable d'éviter ce genre de hacks, car ils dépendent de la disponibilité de normes émergentes. Bien évidemment, les normes émergentes seront de plus en plus disponibles sur plusieurs plates-formes au fil du temps. En d'autres termes, c'est une erreur de supposer qu'un navigateur donné est [un navigateur spécifique] car il a [une fonctionnalité CSS spécifique].
La réponse d'Eric Wendelin est une bonne pour cibler les navigateurs WebKit. Il y a aussi un bon moyen de cibler les navigateurs Gecko: P>
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Webkit-specific CSS here */
}
La détection de fonctionnalité @supports fonctionne pour chrome 28 et plus récente maintenant.
/* Chrome 28+ */
@supports (-webkit-appearance:none) { .selector { color:red; } }