风格切换器和文本调整器结合在一起？

Question

我遇到过各种风格的切换器，它们允许您更改样式表（即Light，Dark，High Contrast）以及允许您调整测试大小的琐碎文本大小调整器（通常用三A，小，中，大） ）。

但是，我似乎无法找到一个单一的切换器/调整器，通过允许这两个排列组合在一起工作。

即使用户可以选择一个黑色的背景与小文本或深色背景与大文本等我似乎只得到这个工作，用户可以选择其中一种或其他样式（大文本或高对比，不是两者的组合）。

任何可能适合于此的任何想法？

感谢，

斯蒂芬

Answer 1

多么容易，这将是实现将不得不做很多事你有多少关于CSS和Javascript知道。

文本，图像缩放工具通常会改变规则，看起来像

body p { 
    font-size: 12px; 
} 

，并增加字体大小向上或向下基于点击。所以（jQuery中）你会绑定一个事件，你的图像缩放，看起来类似于这样：

$("#resizer").click(function(){ 
    $("body p").css("font-size", "18px"); 
}); 

显然，你需要改变周围的选择，以配合只是你想要什么调整。这是一个策略。

另一种方法（可能包括你的黑暗/光线或其他主题）可能会有完全不同的样式表。这可能并不理想：3个字体大小×3个主题是9个.css文件。哎呀！这里有一个很好的书面记录，我不会重复在这里：

http://www.kelvinluck.com/2006/05/switch-stylesheets-with-jquery/

祝你好运！