Установите поля ввода полупрозрачными

Question

Я не смог найти способ сделать мои поля ввода полупрозрачными. У меня есть изображение в фоновом режиме. Я имею в виду, что только фон моих полей ввода должен быть полупрозрачным, а не текстом.

Любая идея?

Вот пример моего кода HTML

<h2>Connexion</h2> 
<div> 
    <label for="UserName">Username</label>    
    <input data-val="true" data-val-required="Le nom d&amp;#39;utilisateur est requis" id="UserName" name="UserName" type="text" value="" />        
</div> 
<div> 
    <label for="Password">Password</label> 
    <input data-val="true" data-val-required="Le mot de passe est requis" id="Password" name="Password" type="password" />    
</div> 

Answer 1

Если вы имеете в виду, что есть фоновое изображение, которое вы хотите, чтобы иметь возможность видеть через свои поля ввода, то вы можете просто пользователь rgba() при установке background-color от input:

input { 
    background-color: rgba(255, 255, 255, 0.5); 
}