Bagaimanakah Saya Boleh Menggunakan Peraturan CSS Secara Eksklusif pada Div dalam Google Chrome?

Menggunakan Peraturan CSS pada Elemen Eksklusif Chrome

Untuk menggunakan peraturan CSS tertentu pada div yang ditetapkan semata-mata dalam Google Chrome, pertimbangkan strategi berikut :

Penyelesaian CSS (Sumber: jeffclayton.wordpress.com/2015/08/10/1279/)

• Chrome, Safari, Microsoft Edge dan 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;
  );} 
  }

Penyelesaian JavaScript
Sebagai alternatif, anda boleh menggunakan JavaScript untuk mengubah suai div:

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan Peraturan CSS Secara Eksklusif pada Div dalam Google Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!