如何更改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 {

代替