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 {

而不是

如何改变angularJS的默认css样式？搜索框等

2 个答案: