Question

我正在使用jquery选项卡和一些其他jquery小部件。

现在，在选项卡内，所有内容都根据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; }

这会覆盖我标签中的文字颜色。其他小部件也没关系，但在tab中看起来很糟糕。

Answer 1

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

Answer 2

我认为解决方案是使用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>

jquery widget css覆盖了我自己的CSS

2 个答案: