html - 在CSS中获取浅色透明文本字段

Question

我正在为我的网站创建一个登录页面，我想让我的两个文本字段稍微透明，占位符为白色。这是我的意思的图片

我一直在寻找，找不到与文本字段设计类似的东西。我相信它与这段代码有关

background: rgba(0, 0, 0, 0.5);   

但我不确定。如果有人知道这个人是如何做到这一点的，请帮忙。此外，这不是网站，所以我无法使用检查元素，这是我在谷歌上找到的 img。

Answer 1

尝试这样的事情:

body {
  background-color: black;
}
.text-field {
  background-color: rgba(255, 255, 255, 0.25);
  border: none;
  padding: 5px 20px;
  color: white;
}

<input type='text' class='text-field' placeholder='Your full name' />