scss 在Angular 6中检测边缘浏览器

Posted 2021-05-17

  onEdgeBrowser: boolean = false;

const isIEOrEdge = /msie\s|trident\/|edge\//i.test(window.navigator.userAgent)
        if(isIEOrEdge){
            this.onEdgeBrowser = true;
        }

<div class="operationBtns" [ngClass]="{'onEdge': onEdgeBrowser}">
        <button kendoButton class="export-excel">
            <img src="assets/images/icons/icon-XLS.svg" alt="" class="printImg">
        </button>
        <button kendoButton class="reg-btn blue-btn" [disabled]="true" *ngIf="tab===1">העתקה למועד
        </button>

    </div>

.operationBtns.onEdge{
    img{
        margin-bottom: -3px;
    }
}