Как применить отдельный фон к тегам input?

Question

[dch3]

В разметке

...
<form>
   email:<input type="email">
   password:<input type="password">
</form>
   ...

хочу применить для каждого инпут такой стиль css

input {
    background-color: transparent;
}

После введения email и пароля, когда я снимаю фокус с поля password и email (убираю курсор с этих полей), в поле email продолжает быть виден введенный адрес, а вот в поле password не видно ничего.
При клике на поле password, введенный пароль опять отображается.

Как сделать так. что бы после введения данных, они отображались в обоих полях даже без фокуса на них?

Comments

[Сергей delphinpro]

по умолчанию текст в полях всегда виден.
Смотрите, какие другие стили влияют на поле

[modelair]

вы бы пример выложили на codepen, стало бы ясней что у вас там происходит. что-то есть еще меняющее стили, потому что приведенный вами код ничего такого не делает.
где-то изменено :active, :focus

[dch3]

Сергей delphinpro,
Может быть из-за того, что я еще и подключил bootstrap и применил к инпуту
class="form-control",
Т.е. стили бутстрапа конфликтуют с моими?

[modelair]

dch3, охоспаде. что вам мешает залезть в инспектор и просто увидеть, в чем дело?

[dch3]

Сергей delphinpro
modelair
Спасибо за ответы!
Причину проблемы нашел

Answer 1

[Stalker_RED]

Так они уже стали прозрачными же.
https://jsfiddle.net/htsbnu2p/

Comments

[dch3]

все верно, но моя проблема была в том, что к инпутам у меня был прикручен бутстраповский класс form-control, который не давал вне фокуса увидеть введенный текст в input password и почему-то давал увидеть ввод в поле input password.
Т.е. у меня были и стили бутстрап и собственные стили, которые "конфликтовали"