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-color 时的 input :

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