Как отвязать placeholder от background у input?

Question

[safo4eg]

Добрый день, столкнулся с такой проблемой, на макете цвет фона инпута и родителя совпадает.



Любые манипуляции с background перекрывают placeholder, точнее он остается но почему-то меняет свой цвет, изначально он в стилях указывается белым и все нормально, пока я не меняю фон, не скрываю его и тд, как поменять цвет фона и чтобы placeholder оставался таким же цветом и не пропадал?

Comments

[Александр Варлаков]

Ссылка на верстку есть?

[safo4eg]

Александр Варлаков, https://cloud.mail.ru/public/ku2j/eSBhewK8K 244 строка , где background меняю

[Ankhena]

safo4eg, цвет плейсхолдера поменяйте на белый. У вас он и сейчас виден, просто плохо.
https://developer.mozilla.org/ru/docs/Web/CSS/::pl...

Answer 1

[Александр Варлаков]

1. Фон у инпута и футера не совпадают - у инпута стоит прозрачный фон - transparent, а это большая разница
2. стилизация по умолчанию у инпутов от браузера к браузеру различаться
Вот так выглядит в firefox/

Ваш скрин скорее всего из chrome

3. Добавьте стилей placeholder, например:
input::placeholder {
color: #fff;
opacity: 0.8;

}

Comments

[safo4eg]

Даже не знал что к placeholder можно так обращаться, спасибо большое