入力ボックスを半透明に設定する

Question

入力ボックスを半透明にする方法が見つかりませんでした。私は背景にイメージを持っています。私は、入力ボックスの背景だけがテキストではなく、半透明でなければならないことを意味します。

あなたがbackground-colorを設定するときに、あなたができるだけのユーザーrgba()ご入力ボックスを通して見ることができるようにしたい背景画像があることを意味している場合ここで

は私の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

の一例です：

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