jquery - 如何进行 jquery 选项卡自定义

Question

我在 asp.net MVC 应用程序中使用 jquery 选项卡。我需要在下面自定义标签，

1. 需要更改标签的背景颜色，这是通过下面的 CSS 完成的，

   .ui-tabs .ui-tabs-nav a
   {
       background-color: #EBF1DE;
   } 
   

2. Now when a tab is selected, the background color should be red, but below code not works, always the color is "#EBF1DE", but other attribute (like font weight:bolder works),

   .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state- active
   {
       font-weight: bolder;
   }
   

3. 还有如何摆脱红色突出显示的背景，

Answer 1

IMO 最好的方法是不使用默认主题，而是使用自己的主题，您可以添加自己的选择器并设置样式，或者使用themeroller？

如果您不是设计师，我认为 themeroller 将是您的最佳选择。