如何在高容量模式下显示CSS按钮

我正在使用CSS以下显示按钮。当我切换到Windows高对比度模式时，按钮变得不可见。我该如何解决这个问题？如何在高容量模式下显示CSS按钮

.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但我看到正常的按钮和sytles没有得到应用。

请帮我解决这个问题的一些提示。

感谢

来源

2014-03-03 Chintan

操作系统，浏览器等？另外，您正在为您的网站开发高对比度模式，或者您的意思是Windows的高对比度系统主题？ – Kroltan

也许这会有所帮助 - http://stackoverflow.com/questions/10091676/what-actually-happens-to-css-in-high-contrast-mode – Pattle

我们的网站应该符合可访问性（508合规性），并按照所有按钮，图标，文本都应该在窗口高对比度模式下可见。希望这会有帮助 – Chintan

您在类中指定不会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输入和按键

来源

2015-01-16 10:19:46

如何在高容量模式下显示CSS按钮

回答

相关问题