输入字段框，去除“背景”颜色

Question

这是显示我的问题的图像 >> https://imgur.com/a/YpvMAYq << 这是我的 html 代码：

.form-control {
    width: 600px;
    fill: none;
    background: transparent;
    border: none;
    border-bottom: 1px solid grey;
    font-size: 18px;
    margin-bottom: 16px;
}

<form id="contactForm" method="POST" action="">
  <input name="fName" type="text" class="form-control" placeholder="What should I call you? Person X?" required>
  <br>
  <input name="email" type="email" class="form-control" placeholder="Only, if you want to be emailed back">
  <br>
</form>

谢谢您阅读此篇 ;）

Answer 1

正如我在评论中提到的，当输入处于某种状态时，它看起来像是设置了背景。看起来您使用的是框架，如果没有那里使用的代码或 codepen/jsfiddle，就无法判断。

在css下面将设置background到transparent当输入处于focus或active状态。

.form-control:focus, .form-control:active {
    background: transparent;
}

查看此问题 以获取有关输入状态的信息。