Как применить стиль для инпут если в нём введён текст, а фокус не получен?

Question

[isik_alex]

Я пытался использовать фокус, но когда мышь убираешь цвет меняется а текст то есть

Comments

[Антон]

Так а что именно нужно сделать с инпутом?

[isik_alex]

Антон: цвет рамки естественно. Человек кликает вводит текст но когда убрал выделение ну фокус она изменяется на другой

[Антон]

input[type="text"] {
border-color: #fff;
}

Для примера белый использовал.

[Антон]

Или нужно, чтобы цвет рамки был другим только тогда, когда что-то введено в инпут?

[isik_alex]

Антон: Да когда что введено

Answer 1

[Сергей]

Повесит событие на onchange вроде, оно будет проверять что если value не пусто то добавлять класс, иначе убирать

https://jsfiddle.net/gangstarcj/6kbh7afx/

Comments

[isik_alex]

А с помощью CSS не как?

[Сергей]

isik_alex: https://jsfiddle.net/gangstarcj/6kbh7afx/ C помощью css вроде никак

[Сергей]

Если только так https://jsfiddle.net/gangstarcj/6kbh7afx/2/