Google Chrome で CSS ルールを Div にのみ適用するにはどうすればよいですか?

Chrome 限定要素への CSS ルールの適用

Google Chrome のみで指定された div に特定の CSS ルールを適用するには、次の戦略を検討してください。 :

CSS ソリューション (出典: jeffclayton.wordpress.com/2015/08/10/1279/)

• Chrome、Safari、Microsoft Edge、Firefox:

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

  ログイン後にコピー

• クロム 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 ソリューション
または、JavaScript を使用することもできますdiv を変更するには:

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

以上がGoogle Chrome で CSS ルールを Div にのみ適用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。