动态改变整个网站的文本/对比度？

Question

这是在Visual Studio 2013中使用MVC 4：

我想知道我如何通过点击一个按钮来动态地改变我网站的文本。对比度也是如此。我想知道有没有什么插件或方法可以做到这一点？

这里有一个正确实现的例子：http://www.bbc.co.uk/accessibility/guides/change_colours/#给出了不同的文本大小和对比度等。我该如何处理呢？我的想法是有一个按钮，用新的颜色/contracts调用相同的CSS表。但这意味着我需要大约4-5个CSS页面，这些页面完全相同，只是文本/对比度发生了变化。有没有更好的方法来解决这个问题？

Answer 1

可能是可观察到的，数据绑定是您在这里最好的解决方案。基本上，您可以将html与可观察对象(您的数据模型)绑定在一起。当您的数据模型的状态更改时，您的UI将自动更新，反之亦然。它遵循MVVM模式。MVVM最受欢迎的库之一是Knockout.js (这里：http://knockoutjs.com/)，这将使您的工作变得更容易！它成就了我的人生。:-)

希望这能有所帮助！