Windows 7高对比度主题覆盖Firefox中的网站颜色
我有一个网站，是用来控制自定义设备。在此表中，单击一个单元格，颜色将使用javascript发送到设备。
<table style="width:100%;" id="ColorTable">
<tr>
<td style="background-color:#FF8080;"><br/><br/></td>
<td style="background-color:#FFFF80;"><br/><br/></td>
<td style="background-color:#808000;"><br/><br/></td> etc.不幸的是，在控制设备的Windows7计算机上，高对比度主题#1处于活动状态(叹气)，因为客户希望如此。
Windows XP在更改主题时会忽略网站，但Windows 7似乎会覆盖Firefox中网站的样式表信息。加载网站时，单元格显示为黑色，单击后会向设备发送#000000。
Google Chrome显示的颜色保持不变。Internet Explorer不支持。
有没有办法..。
..tell火狐/网站忽略Windows7主题？
。。告诉windows7主题离网站远点？
更改兼容性设置和firefox颜色设置不起作用。
非常感谢您的帮助！
回答 3
Stack Overflow用户
发布于 2013-11-02 08:57:53
我知道这个问题很久以前就有人问过了，但我会回答这个问题，以防其他人遇到和我一样的问题。
高对比度的主题是为了可用性，就像在标志或斜坡上而不是楼梯上的响尾巴。许多程序，如Skype和Firefox，都会检查这一点，并改变它们的视觉效果以匹配。
如果您只是喜欢对比主题的外观，请选择经典主题并调整设置，直到它们与您选择的主题相匹配。
Stack Overflow用户
发布于 2017-03-20 18:43:08
我刚刚在Windows10中遇到过这个问题。
对我和对你都有效的是：
about:preferences#content→Colors...
然后用上面的选择覆盖页面指定的颜色:从Only with High Contrast themes到Never。
(我正在使用GreyEveTheme FINAL- Windows 10 High Contrast Theme)
Stack Overflow用户
发布于 2017-01-11 09:03:59
在Bugzilla上有一个关于这个问题的bug。
这是我的变通方法。将此代码添加到<body>中：
<div class="high-contrast-test"></div>添加此CSS：
.high-contrast-test {
width: 0;
height: 0;
background-image: url('#');
}使用此JavaScript：
$(document).ready(function () {
// detect high contrast mode to deal with firefox bug
// .high-contrast-test has a background-image,
// if there is no background-image we are in high contrast mode
// https://bugzilla.mozilla.org/show_bug.cgi?id=452800
if ($('.high-contrast-test').css('background-image') === 'none') {
if ($('.Container').css('background-color') === 'rgb(255, 255, 255)') {
$('html').addClass('hc-black-on-white');
} else {
$('html').addClass('hc-white-on-black');
}
}
});然后，您可以使用CSS路径覆盖HC模式CSS。
https://stackoverflow.com/questions/16213395
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号