> 웹 프론트엔드 > CSS 튜토리얼 > Google Chrome에서만 특정 Div에만 CSS 규칙을 적용할 수 있나요?

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

DDD
풀어 주다: 2024-12-10 21:59:17
원래의
937명이 탐색했습니다.

Can I Apply CSS Rules to a Specific Div Only in Google Chrome?

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿