代码之家  ›  专栏  ›  技术社区  ›  Derek Adair

如何重写jquery ui小部件样式并保留功能

  •  8
  • Derek Adair  · 技术社区  · 14 年前

    我正在使用 jQuery UI 对于内部应用程序。


    我正在寻找一种简单的方法来删除jquery ui在给定的小部件实例上提供的所有样式信息。我对任何事情都很开放,但是一个可重用的JavaScript解决方案是完美的。绝对有必要不丢失任何功能。

    最重要的是 全部的 背景图像被删除,我可以保留布局样式。

    理想的情况是…

    $tabs = $("#someElement").tabs();
    $tabs.removeStyles();
    

    但是我对任何允许我以灵活方式修改小部件样式的东西都是开放的。

    最终目标是 尽可能多的控制 尽可能多的款式

    4 回复  |  直到 11 年前
        1
  •  16
  •   Derek Adair    14 年前

    !important

    .ui-dialog {
      background-color: black !important;
      }
    
        2
  •  4
  •   Yuck    11 年前

    removeClass()

    $('#tabs').tabs().removeClass('ui-corner-all').addClass('ui-corner-top');
    

        3
  •  0
  •   Cyril Gupta    14 年前

    $.fn.removeStyles = function(){
     $(this).attr('class','');
    };
    

        4
  •  0
  •   DoXicK    14 年前