css - 边缘浏览器：高对比度可访问性：文本背景与 div 背景不同

Question

我正在研究高对比度的可访问性。我在这里面临一个奇怪的问题。在正常模式下，文本与父级的背景色（例如 DIV）采用相同的背景色，但在高对比度模式下，尽管父级的背景色不同，但文本背景变为黑色。

这是JSFIDDLE。

CSS

.test {
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-size: 14px;
    color: #000000;
    background-color: #dddddd;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

@media screen and (-ms-high-contrast:active) {
    .test{
        background-color: #1BEAFE;
    } 
}

HTML

<div class="test">
    <div class="test2">
    hi there alok
    </div>
</div>

高对比度快捷键：Shift+ Alt+PrtScrn

问题：

预期结果：

注意：这在 IE 中运行良好。这只是 Edge 浏览器的问题（Microsoft EdgeHTML 14.14393 和 Microsoft Edge 38.14393.0.0）