Google Chrome의 Div에만 CSS 규칙을 적용하려면 어떻게 해야 하나요?

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의 Div에만 CSS 규칙을 적용하려면 어떻게 해야 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!