Как задать стили текстовому инпуту, когда он уже заполнен?

Question

[Tigronix]

Всем привет и заранее спасибо за ответы.
Как задать стили текстовому инпуту, когда он уже заполнен?
Искал в ксс такую возможность, но никак не могу найти.
Должен быть какой псевдокласс или псевдоэлемент для этого? Я пересмотрел их все и такой возможности не нашел, хотя уверен, кто-то нашёл решение этой проблеме.

Answer 1

[Максим Тимофеев]

частично можно используя required и :valid
:valid выберет поля прошедшие валидацию, а required сделает таковыми только те поля что заполнены
www.w3schools.com/w3css/tryit.asp?filename=tryw3cs...
обратите внимание на

.w3-input:not(:valid)~.w3-validate {
    color: #f44336;
}
.w3-label {
    color: #009688;
}

Answer 2

[Mr_Romanov]

Используй jquery с https://remysharp.com/2010/07/21/throttling-functi...

Comments

[Mr_Romanov]

$('.search').keyup(debounce(function (event) {
$( ".search" ).text( "Например заполняю его текстом после остановки печати через 250мс." );
}, 250));

[Tigronix]

А css это никак не решить?

[Mr_Romanov]

Tigronix: будет работать очень плохо, лучше использовать JS. В данный момент все решения css3 в этом плане полный отстой которые работают через раз и в половине браузеров.