Maison > interface Web > tutoriel CSS > Puis-je appliquer des règles CSS à une division spécifique uniquement dans Google Chrome ?

Puis-je appliquer des règles CSS à une division spécifique uniquement dans Google Chrome ?

DDD
Libérer: 2024-12-10 21:59:17
original
942 Les gens l'ont consulté

Can I Apply CSS Rules to a Specific Div Only in Google Chrome?

Application de règles CSS exclusivement à Google Chrome

Requête : des règles CSS spécifiques peuvent-elles être appliquées à un div spécifique uniquement dans Google Chrome ? Voici l'exemple :

position: relative;
top: -2px;
Copier après la connexion

Réponse : Oui, c'est possible, et il existe deux approches :

Solution CSS

/* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  div{top:10;} 
}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    div{top:0;} 
}

/* Chrome 22-28 */
@media screen and(-webkit-min-device-pixel-ratio:0) {
  .selector {-chrome-:only(; 
     property:value;
  );} 
}
Copier après la connexion

Solution JavaScript

if (navigator.appVersion.indexOf("Chrome/") != -1) {
  // modify button 
}
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal