jQuery Mobile 翻转开关样式

Question

我发现可以使用以下代码自定义 jQuery Mobile 翻转开关的字体、颜色和字体大小

CSS

.contel *{font-family:arial !important;color:red !important;font-size:0.8em !important}

标记

<div class="contel">
 <select name="flip-1" id="flip-1" data-role="slider">
<option value="off">Off</option>
<option value="on">On</option>
 </select>
</div>

这非常好，但我需要做的是在运行时根据具体情况应用此类样式，而不是从静态 CSS 应用。

然后问题归结为这个 - 有没有办法通过 jQuery 实现这一点？我已经尝试过

$.each($('.contel > *'),function(ndx,e){$(e).css('fontFamily','arial')});

但它没有任何作用。如果有任何帮助，我将不胜感激。

Answer 1

为什么不创建一个类，然后在事件触发时才触发

.addClass() ;

?