Comment puis-je appliquer des règles CSS exclusivement à une division dans Google Chrome ?

Application de règles CSS aux éléments exclusifs à Chrome

Pour appliquer des règles CSS spécifiques à un div désigné uniquement dans Google Chrome, envisagez les stratégies suivantes :

Solutions CSS (Source : jeffclayton.wordpress.com/2015/08/10/1279/)

• Chrome, Safari, Microsoft Edge et 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
Vous pouvez également utiliser JavaScript pour modifier le div :

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!