Css 边缘浏览器：高对比度辅助功能：文本背景与div背景不同

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

这是你的电话号码

CSS

HTML

你好，你好

高对比度快捷键：

Shift

+

Alt

+

PrtScrn

问题:

预期结果：

注意：这在IE中工作正常。这是Edge浏览器（Microsoft EdgeHTML 14.14393和Microsoft Edge 38.14393.0.0）的唯一问题。

.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;
    } 
}

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