У меня есть поле ввода angucomplete-alt, и моя желаемая функциональность заключается в изменении цвета заполнитель на синий, когда кто-то фокусируется на нем.
<div tpcomplete-alt='true' input-class='isused form-control' match-class='autocomplete-highlight' name='name' minlength='3' placeholder='Skill Name, Eg Java' selected-object="onSelectSkill" title-field="text" remote-url='/api/skills?q=' override-suggestions="true" style='width:150px;'></div>
Добавление класса в "input-class" изменяет только цвет текста i, но я хочу изменить цвет заполнителя. Может ли кто-нибудь сказать мне правильный способ сделать это. Спасибо
Вы должны указать id своего div, а затем попытаться добавить класс следующим образом:
HTML:
<div id='ex1' tpcomplete-alt='true' input-class='isused form-control' match-class='autocomplete-highlight' name='name' minlength='3' placeholder='Skill Name, E.g. Java' selected-object="onSelectSkill" title-field="text" remote-url='/api/skills?q=' override-suggestions="true" style='width:150px;'></div>
CSS:
#ex1_value:placeholder-shown {
color: #000;
}
#ex1_value::-webkit-input-placeholder {
color: #000;
}
#ex1_value:-moz-placeholder {
color: #000;
}
#ex1_value::-moz-placeholder {
color: #000;
}
#ex1_value:-ms-input-placeholder {
color: #000;
}
Примечание. Когда вы укажете id как ex1, он создаст дочерний идентификатор для placeholder как ex1_value