我实现了JQuery UI选项卡,他们工作很好,除了一个问题…
所有我的内容的样式/类被JQuery的覆盖,我不想发生。例如,我有一个文本框:
<input type="text" id="profileFirstName" name="profileFirstName" class="textMedium" />
如果我检查Firebug中的样式,我看到这个(在这个顺序):
.ui-widget :active { outline:medium none; } .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button { font-family:Verdana,Arial,sans-serif; font-size:1em; } input.textMedium { width:200px; }
如你所见,JQuery在我自己之前添加了ui-widget样式,因此覆盖了我的。
它是做到这一点,我已经实现了选项卡。如何设置它GLOBALLY,使其样式不覆盖我的?我不想要任何影响标签内容的jQuery样式。
我想我可以重写他们的ui-widget样式,没有什么下定义?但我想知道是否有一个更干净的方式,以便他们的ui-widget样式不应用于所有。
提前致谢!
解决方法
使用 !重要的在你的风格。这表明没有什么可以重写你的样式。
详情请查看link。