[css] CSS를 통해 Microsoft Edge 브라우저를 식별하는 방법은 무엇입니까?

Program / 글쓴이

웹 응용 프로그램을 개발 중이며 고유 한 스타일을 적용하기 위해 Microsoft Edge의 브라우저를 다른 브라우저와 별도로 식별해야합니다. CSS를 사용하여 Edge를 식별하는 방법이 있습니까? 처럼,

<!--[if IE 11]>
Special instructions for IE 11 here
<![endif]-->

답변

/ * Microsoft Edge Browser 12-18 (Chromium 이전의 모든 버전) * /

이것은 작동합니다.

@supports (-ms-ime-align:auto) {
    .selector {
        property: value;
    }
}

자세한 내용은 브라우저 이상을 참조하십시오.

답변

/* Microsoft Edge Browser 12-18 (All versions before Chromium) - one-liner method */

_:-ms-lang(x), _:-webkit-full-screen, .selector { property:value; }

잘 작동합니다!

// for instance:
_:-ms-lang(x), _:-webkit-full-screen, .headerClass
{
  border: 1px solid brown;
}

https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/

답변

Edge (최신 IE 15 포함 안 함)에 대한보다 정확한 정보 는 다음과 같습니다.

@supports (display:-ms-grid) { ... }

@supports (-ms-ime-align:auto) { ... } 모든 Edge 버전에서 작동합니다 (현재 IE15까지).

답변

For Internet Explorer

@media all and (-ms-high-contrast: none) {
        .banner-wrapper{
            background: rgba(0, 0, 0, 0.16)
         }
}

For Edge
@supports (-ms-ime-align:auto) {
    .banner-wrapper{
            background: rgba(0, 0, 0, 0.16);
         }
}

답변