网页设计中的颜色对比度定制[关闭]答案

【问题标题】：Color Contrast Customization in Web Design [closed]网页设计中的颜色对比度定制[关闭]
【发布时间】：2014-01-10 01:47:42
【问题描述】：

如何在 HTML5 中进行颜色颜色自定义？示例可以在http://perkins.org/ 找到，它们在页面顶部有一个颜色对比选项。

谢谢！

【问题讨论】：

欢迎来到 SO，这是如何工作的。如果您遇到困难，您可以尝试自己做，然后发布您的代码示例，我们会帮助您解决问题。祝你好运！
使用 CSS。 w3schools.com/css
他们可能正在切换样式表。参见例如Javascript: Change CSS File Dynamically + Cookie
谷歌搜索`css switch javascript stackoverflow`时会得到更多结果

标签： javascript html css web accessibility

【解决方案1】：

嗯，把所有你想改变的元素都标记为“对比度”类，然后改变颜色和背景颜色：

var elements = document.getElementsByClassName('contrast');
for (var i = 0; i < elements.length; i++) {
  elements[i].style.color = newcolor;
  elements[i].style.background = newbackground;
}

【讨论】：

如果这解决了您的问题，请点击左侧的复选标记接受答案，因为它会提升用户“csander”。
非常感谢！我真的很欣赏你们所做的工作！它为我节省了很多时间来弄清楚这个过程。