我的联系表格一开始工作正常。当我在向表单控件添加不透明度后的第二天检查它时,我的表单输入不允许我输入任何输入。它就像禁用的输入字段一样。在我刚刚添加的CSS中
.form-control{
background:rgba(0,0,0,0.2);
border:none;
}
<form class="" action="about.html" method="post">
<div class="col-md-9">
<div class="col-md-12">
<div class="col-md-6 form-group"><label for="name" class="col-md-2 control-label">Name</label>
<div class="col-md-10"><input type="text" class="form-control" id="name" name="name" value=""/></div>
</div>
<div class="col-md-6 form-group"><label for="email" class="col-md-2 control-label">Email</label>
<div class="col-md-10"><input type="email" class="form-control" id="email" name="email" value=""/></div>
</div>
<div class="col-md-6 form-group"><label for="mobile" class="col-md-2">mobile</label>
<div class="col-md-10"><input type="text" class="form-control" id="mobile" name="mobile" value=""/></div>
</div>
<div class="col-md-6 form-group"><label for="iam" class="col-md-2 control-label">I am</label>
<div class="col-md-10"><input type="text" class="form-control" id="iam" name="iam" value=""/></div>
</div>
<div class="col-md-6 form-group"><label for="state" class="col-md-2 control-label">State</label>
<div class="col-md-10"><input type="text" class="form-control" id="state" name="state" value=""/></div>
</div>
<div class="col-md-6 form-group"><label for="city" class="col-md-2 control-label">City</label>
<div class="col-md-10"><input type="text" class="form-control" id="city" name="city" value=""/></div>
</div>
<div class="col-md-6 form-group"><label for="locality" class="col-md-2 control-label">Locality</label>
<div class="col-md-10"><textarea class="form-control" rows="4" name="locality"></textarea></div>
</div>
<div class="col-md-6 form-group"><label for="message" class="col-md-2 control-label">Message</label>
<div class="col-md-10"><textarea class="form-control" rows="4" name="message"></textarea>
</div>
</div>
</div>
</div>
<div class="col-md-3 form-group">
<br><br>
<button type="submit" class="btn red-button" name="sendemail"> Send E-mail</button>
</div>
</form>`