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

Question

我正在使用下面的 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;
}

我试着给 .button:BEFORE 但我看到正常的按钮和样式没有被应用到它上面。

请帮我提供一些解决此问题的提示。

谢谢

Answer 1

您在类里面指定的任何背景在 WHCM 中都不起作用有两种显示方式来修复 WHCM

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

第二个是 - CSS 内容

代码:

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

类:

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

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