如何更改angularJS的默认CSS样式？ 搜索框等

Question

有没有办法更改AngularJs搜索框的默认样式？

 <div ng-controller="PersonListCtrl">
            <div class="bar">Search:
                <input ng-model="query">
            </div>
            <ul class="" ng-show="query">
                <li ng-repeat="person in persons | filter:query">{{person.name}}</li>
            </ul>
        </div>
    </div>

我想更改搜索框的颜色和大小，也许还要更改文本的颜色。 我搞砸了CSS，但似乎没有任何影响。

我试过了

#bar {

 background-color: #d7d7d7;
color:#000000;
}

和

.bar{

 background-color: #d7d7d7;
color:#000000;
}

Answer 1

据我所知，AngularJS没有引入任何样式。 您需要将id或类分配给HTML元素：

<input ng-model="query" id="bar">

要么

<input ng-model="query" class="bar">

Answer 2

您当前正在定位输入的包装，您可以使用

.bar input {

代替