html - 入力ボックスを半透明に設定します

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-colorinput

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