如何覆盖jQuery主题

我在Jquery选项卡上使用了Smoothness主题，我想在几个选项卡上覆盖默认主题的外观，我将如何去做。我曾尝试以下：如何覆盖jQuery主题

$('#tab-id').css('background', '-moz-linear-gradient(center top, #999999, #494949 75%, #f3c84b)');

我称之为从点击功能，当用户点击标签上。

我也试过.addClass，但也没有重写平滑主题。

在我的智慧结束时，任何帮助将不胜感激。

编辑CSS文件或用'.removeClass（）'和'.addClass（）'覆盖类。 – Blender

或者在一个单独的css文件中重写css，在这里您将覆盖标记为！important。 – Mithon

请注意，为了完全兼容，您不仅需要'-moz-linear-gradient'来获取渐变。 – jli

只要定义在参数在jQueryUI CSS表单后加载的外部CSS文件，如果您在选项卡上使用ID，则只需在CSS中引用该ID即可。

无需通过JS设计CSS样式！

2011-12-02 18:16:20 Jakub

我添加了一个ID，它确实将我想要的样式应用于选项卡，但我只希望样式在选中选项卡时可见。有没有什么办法只用CSS来做到这一点？ – mysticgohan53

是的，你需要指定标签的状态，我相信它是'.active'或'.selected'的东西，你将不得不使用萤火虫或铬开发工具来检查。我刚才没有编辑标签，只是回想起来。 – Jakub

感谢您的帮助 – mysticgohan53

尝试将更多的CSS Specificity或添加!important到您的定义

...如果你有一个指向同一个元素两个（或更多）冲突的CSS规则，有一些基本的规则，浏览器如下，以确定哪一个是最特殊的，因此胜出......

...特异性决定，其中CSS规则是由浏览器从浮标应用...

...除此之外，CSS的特异性是最困难的概念级联样式表抓一个。不同重量的选择通常就是为什么你的CSS规则并不适用于某些元素，虽然你觉得他们应该有原因......

2011-12-02 18:14:40 xandercoded

回答