Css 不透明度输入表单搞乱了我的占位符颜色

我想制作一个简单的表单，其中输入是透明的，但是当我设置输入的不透明度时，占位符文本也是“不透明的”。我怎样才能摆脱它？我希望占位符文本为纯白色

我知道这看起来像一个傻瓜问题，但我搜索了多次却没有找到解决方案

最终的愿望是：

JSFIDDLE：

HTML

<form action="formulaire.php" method="get">
<label for="email"><img id="fleche" src="img/fleche.png" alt=""></label>
<div id="mail">
<input type="email" name="email" id="email" placeholder="Entrez votre e-mail" required>
<input id="submit" type="submit" value="Restons en contact">
</div>
</form>

使用rgba（红色、绿色、蓝色、alpha）值作为背景，其中最后一个值为不透明度

e、 背景：rgba（255255,0.2）

CSS

---

通过在元素上设置

不透明度

，它、任何子元素或相关渲染项（如文本等）都将受其约束

rgba

值允许您针对具有不透明度级别的特定CSS属性（只要它们允许颜色设置）

一旦将此CSS用于Firefox

input::-moz-placeholder {
    color: black;
}

现在了解其他浏览器

#mail #email{
   height: 30px;
   width: 200px;
   opacity: 0.2;
   background-color:rgba(255,255,255,0.2);
   font-size: 18px;
   font-family: HNThin;
   padding-left: 10px;
   border: none;
   border-radius: 4px 0px 0px 4px;
   margin: 0;
}

input::-moz-placeholder {
    color: black;
}