Puis-je appliquer des règles CSS à une division spécifique uniquement dans 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;

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;
  );} 
}

Solution JavaScript

if (navigator.appVersion.indexOf("Chrome/") != -1) {
  // modify button 
}

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!