Два вопроса:
-
Я пытаюсь сделать текст заполнителя белым. Но это не сработает. Я использую Bootstrap 3.
JSFiddle demo
-
Еще один вопрос: как изменить цвет заполнителя на глобальном уровне. То есть, у меня есть несколько полей, я хочу, чтобы только одно поле имело белый заполнитель, все остальные оставались в цвете по умолчанию.
Спасибо заранее.
HTML:
<form id="search-form" class="navbar-form navbar-left" role="search">
<div class="">
<div class="right-inner-addon"> <i class="icon-search search-submit"></i>
<input type="search" class="form-control" placeholder="search" />
</div>
</div>
</form>
CSS
.right-inner-addon {
position: relative;
}
.right-inner-addon input {
padding-right: 30px;
background-color:#303030;
font-size: 13px;
color:white;
}
.right-inner-addon i {
position: absolute;
right: 0px;
padding: 10px 12px;
/* pointer-events: none; */
cursor: pointer;
color:white;
}
/* do not group these rules*/
::-webkit-input-placeholder { color: white; }
FF 4-18
:-moz-placeholder { color: white; }
FF 19+
::-moz-placeholder { color: white; }
IE 10+
:-ms-input-placeholder { color: white; }