css - 如何更改 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 或 class 分配给 HTML 元素:

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

或

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