css - 指针事件 : none on li not working on edge?

Question

我正在 IE Edge 上进行测试。这是我的 CSS 代码:

li.inactive{
    pointer-events: none;
    background: #ccc;
    -webkit-filter: none;
    filter:none;
    opacity: 1;
    cursor: not-allowed;
    h1{
        background: #eee;
        color: #ccc;
        span{
            color: #ccc;
        }
        i{
            color: #ccc;
        }
    }
    h1:after{
        border-color: transparent transparent transparent #eee;

    }
}

在 chrome 上可以正常工作，但在我可以将鼠标悬停在 h1 上并单击 li。有什么建议我该如何解决？

Answer 1

pointer-event 不适用于 IE11 和 Edge 中的链接，除非显示设置为 block 或 inline-block。 Source

一个 li-item 既不是 display:block; 也不是 display:inline-block;，除非它被指定，所以要解决这个问题，试试这个:

li.inactive{
    display:block;
    pointer-events: none;
    background: #ccc;
    -webkit-filter: none;
    filter:none;
    opacity: 1;
    cursor: not-allowed;
    h1{
        background: #eee;
        color: #ccc;
        span{
            color: #ccc;
        }
        i{
            color: #ccc;
        }
    }
    h1:after{
        border-color: transparent transparent transparent #eee;

    }
}