CSS 插入符号在 IE Edge 中不起作用

Question

我在下拉菜单中有一个小车，它在除 Microsoft Edge 之外的所有浏览器中都能正常工作。在 Microsoft Edge 中，插入符号分为两部分，中间有一条黑线。我附上屏幕截图和 css 声明。

.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    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; 
}

CSS 插入符号在 IE Edge 中不起作用

CSS caret not workin in in IE Edge

html

css

caret

microsoft-edge