将我的输入框设置为半透明

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