JSFiddle - React, Tailwind, and code Playground

by Gee Law

HTML

<div id="container">
    The <a href="" id="link">link</a> has incorrect colour under High Contrast Black theme in Microsoft Edge 14 and Internet Explorer 11.
</div>

CSS

#container {
    -ms-high-contrast-adjust: none;
    color: red;
    background: green;
}

#link {
    -ms-high-contrast-adjust: none;
    color: inherit;
}

#link:link {
    -ms-high-contrast-adjust: none;
    color: inherit;
}

#link:visited {
    -ms-high-contrast-adjust: none;
    color: inherit;
}

#link:hover {
    -ms-high-contrast-adjust: none;
    color: inherit;
}

#link:active {
    -ms-high-contrast-adjust: none;
    color: inherit;
}