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);
}