Як змінити колір заповнювача textField?

У більшості браузерів текст заповнювача сірий. Щоб змінити це, стилізуйте заповнювач за допомогою селектора ::заповнювача. Зауважте, що Firefox додає нижчу прозорість до заповнювача, тому ми використовуємо opacity: 1, щоб виправити це.

Налаштування кольору тексту заповнювача у формах HTML з CSS нескладно. Щоб досягти цього, ви зазвичай працювати з псевдоелементом «::placeholder».. У цьому коді псевдоелемент «::placeholder» спеціально націлений і стилізує текст заповнювача. Властивість «color» встановлює колір тексту на відтінок сірого (#777).

Примітка. У більшості веб-переглядачів вигляд тексту-заповнювача є a напівпрозорі або світло-сірі колір за замовчуванням.

Використання атрибутованих рядків Починаючи з iOS 6, UITextField підтримує атрибутовані рядки, що дозволяє легко змінювати колір тексту заповнювача. Ось простий метод: if ([textField respondsToSelector:@selector(setAttributedPlaceholder:)]) { UIColor *color = [UIColor blackColor]; textField.

Текст-заповнювач має відповідати вимогам щодо контрастності кольорів принаймні коефіцієнт контрастності 4,5:1 або коефіцієнт контрастності 3:1, якщо він великий (більший за 18 або 14 пунктів + ​​жирний шрифт) щоб задовольнити вимоги WCAG 2.0 AA.

У більшості браузерів текст заповнювача сірий. Щоб змінити це, стилізуйте заповнювач за допомогою селектора ::заповнювача. Зауважте, що Firefox додає нижчу прозорість до заповнювача, тому ми використовуємо opacity: 1, щоб виправити це.

світло-сірий CSS ::placeholder Selector Текст заповнювача встановлюється за допомогою атрибута placeholder, який визначає підказку, яка описує очікуване значення поля введення. Порада. Типовим кольором тексту заповнювача є світло-сірий у більшості браузерів.