Question

我试图改变

中占位符的颜色

＆＃13;

	::-webkit-input-placeholder {
		font-size: 13px;
		color: red;
	}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<ui-select ng-model="model.selected">
    <ui-select-match placeholder="Pick one...I want to change this color">{{$select.selected.name}}</ui-select-match>
    <ui-select-choices repeat="person in people | filter: $select.search track by person.name">
        <div ng-bind-html="person.name | highlight: $select.search"></div>
    </ui-select-choices>
</ui-select>'

＆＃13;

Answer 1

您必须为选择器添加前缀到各种浏览器：

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 13px;
    color: red;
}

:-ms-input-placeholder { /* IE 10+ */
    font-size: 13px;
    color: red;
}

::-moz-placeholder { /* Firefox 19+ */
    font-size: 13px;
    color: red;
}

:-moz-placeholder { /* Firefox 18- */
    font-size: 13px;
    color: red;
}

Answer 2

解决了它通过放置::-webkit-input-placeholder

关于直接元素

改变ui选择多个占位符的颜色

2 个答案: