Wie kann ich CSS-Regeln ausschließlich auf ein Div in Google Chrome anwenden?

Anwenden von CSS-Regeln auf Chrome-exklusive Elemente

Um bestimmte CSS-Regeln ausschließlich in Google Chrome auf ein bestimmtes Div anzuwenden, sollten Sie die folgenden Strategien in Betracht ziehen :

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

• Chrome, Safari, Microsoft Edge und Firefox:

  @media screen and (-webkit-min-device-pixel-ratio:0) {
  div{top:10;} 
  }

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

JavaScript-Lösung
Alternativ können Sie JavaScript verwenden, um die zu ändern div:

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

Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Regeln ausschließlich auf ein Div in Google Chrome anwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!