CSS插入无法在IE Edge中使用

Question

我在下拉菜单中有一个carret,可以在除Microsoft Edge之外的所有浏览器中正常工作.在Microsoft Edge中,插入符分为两部分,中间有一条黑线.我附上截图和CSS声明.

.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

Answer 1

这应该可以跨浏览器工作：

HTML：

<span class="caret"></span>

CSS：

.caret {
    width: 0; 
    height: 0; 
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid red;
    border: none\9; 
}