css – JQuery UI标签 – 如何防止样式应用于标签内的内容?

前端之家收集整理的这篇文章主要介绍了css – JQuery UI标签 – 如何防止样式应用于标签内的内容?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我实现了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

猜你在找的CSS相关文章