AngularJS引导ui-如何更改css样式？

我将引导UI与AngularJS指令一起使用，我想更改引导应用于其元素的默认样式

我应该以模板中的HTML内容为目标吗

基于文档中给出的示例，我想使用

当我在HTML中定义它时，它具有以下结构：

<accordion>
    <accordion-group heading="my heading">
      content here
    </accordion-group>

希望模板将来不会改变

更改指令模板生成的HTML元素样式的最佳方法是什么？

如果在引导（Bootstrap.css）之后包含css（site-specific.css），则可以通过重新定义它们来覆盖规则

例如，如果这是在

---

而且以后也不用麻烦修改模板了。当您使用特定版本时，更新不会影响您。他们正在用一个新的版本名生成一个新模板。

我没有足够的时间提供一个适当的、深思熟虑的答案。但我做了一个插件，以防有人发现它有用：我使用的是

UI引导版本2.1.3

。我想根据我的需要设计

。将CSS类应用于

不起作用。我怎么做？

<accordion close-others="oneAtATime"><div class="panel-group" ng-transclude="">
    <div class="panel panel-default ng-isolate-scope" heading="my heading">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a class="accordion-toggle" ng-click="toggleOpen()" accordion-transclude="heading">
                    <span ng-class="{'text-muted': isDisabled}" class="ng-binding">content here</span>
                </a>
            </h4>
        </div>
        <div class="panel-collapse collapse" collapse="!isOpen" style="height: 0px;">
        <div class="panel-body" ng-transclude=""><span class="ng-scope">some content here</span></div>
    </div>

div.panel {}

<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/site-specific.css" />

.panel {
    //your code here
}