的jQuery插件的CSS将覆盖我自己的CSS

我使用jQuery的标签和其他一些小部件的jQuery。现在的jQuery插件的CSS将覆盖我自己的CSS

，标签里面，所有的内容是根据jQuery的CSS样式。所以，最简单的方法就是注释掉或更改一些jQuery的CSS定义。但显然，所有其他小工具，如自动完成，都不再工作了。

如何其他人解决这个问题？我的首选解决方案是，如果我可以离开了jQuery CSS，因为它是，并且只是有标签里面我自己默认的CSS回来。

例子：

.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }

这将覆盖在我的标签的文本颜色。对其他小部件来说没问题，但在标签内部看起来很糟糕。

来源

2011-06-08 Remy

我认为，解决办法是使用jQuery删除CSS类文件，比如上例中的BUTTOM标签：

<script> 
    $(function() { 
     $("#tabs").tabs(); 
     $(".tabs-bottom .ui-tabs-nav, .tabs-bottom .ui-tabs-nav > *") 
      .removeClass("ui-corner-all ui-corner-top") 
      .addClass("ui-corner-bottom"); 
    }); 
</script>

来源

2011-06-08 09:48:07 Remy

我要么为你的元素使用不同的CSS类（或者开始在元素或包含元素上使用类，如果你还没有），所以你没有与jQuery样式冲突。

来源

2011-06-08 08:20:41 GregL

权。问题是我有像字体，颜色等东西的全局定义。我不想再为每个元素定义它们。 – Remy 2011-06-08 08:23:23

作为一个想法，尝试将所有内容包装在具有特定类的div中，然后将所有样式定义为仅应用于包含div的所有样式。例如'div.my_class span {...}'。然后在标签中使用同一个容器。那样有用吗？ – GregL 2011-06-08 08:30:46

的jQuery插件的CSS将覆盖我自己的CSS

回答

相关问题