如何在高对比模式下显示CSS按钮

我使用下面的CSS来显示按钮。当我切换到Windows高对比度模式时，按钮将不可见。如何解决此问题

.button
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -moz-linear-gradient(bottom,  #d3d3d3,  #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3d3d3');
    color: #005694;
    font-weight: bold;
    border: 1px solid #808080;
    margin-top: 1.5em;
}

我试过给予。巴顿：以前，但有了它，我看到正常的巴顿和赛特并没有被应用在上面

请帮助我解决这个问题的一些技巧

---

谢谢

您在课程中指定的任何背景在WHCM中都不起作用。有两种方法可以显示以修复WHCM

<input type="image" src="images/arrow.png" />

---

这只是修复输入和按钮WHCM的唯一方法

OS、浏览器等？此外，您正在为您的网站开发一种高对比度模式，或者您的意思是类似Windows的高对比度系统主题？也许这会有所帮助-我们的网站应该符合Accessibility 508标准，并且所有按钮、图标、文本都应该在Windows高对比度模式下可见。希望这个帮助我看到的CSS的一个问题是，它没有在不能识别您使用的属性的浏览器上明确设置背景色。如果您为按钮提供类似E9E9E9的后备背景色，至少它是恒定的，不依赖于系统颜色。

<button type="button">
<span class="whmcbtn"></span>
</button>

.whmcbtn:before { content: url(images/arrow.png);}