Google Chrome에서만 특정 Div에만 CSS 규칙을 적용할 수 있나요?

Google Chrome에만 CSS 규칙 적용

질의: 특정 CSS 규칙을 Google Chrome에서만 특정 div에 적용할 수 있나요? 예는 다음과 같습니다.

position: relative;
top: -2px;

응답: 예, 가능하며 두 가지 접근 방식이 있습니다.

CSS 솔루션

/* Chrome, Safari, AND NOW ALSO the Edge Browser and 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;
  );} 
}

자바스크립트 솔루션

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

위 내용은 Google Chrome에서만 특정 Div에만 CSS 규칙을 적용할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!