Question

我有一个HTML表单，其中包含用于输入姓名，电子邮件，电话的文本框。

所有这些文本框在.form-control background: rgba(56, 56, 56, 0.1)下均具有灰色背景，但是当我单击任何文本框以插入值时，只有该文本框背景变为白色或透明（不是其他））。

我想知道偶数名称（我想在访问后才猜测是.active onClick），以便可以找到将活动文本框变成白色背景色的代码。

对不起，我无法提供代码，因为它很大并且有很多相关文件，并且它是公司网站的代码，在这里，我只需要该事件名称即可跟踪或定位其将活动文本区域背景变为何处或为什么都白了。

Answer 1

添加input[type=text]:focus

input.form-control[type=text], input.form-control[type=email], input.form-control[type=phone]{
  background:rgba(56, 56, 56, 0.1);
  border:1px solid #ddd;
  padding:5px;
}
input.form-control[type=text]:focus, input.form-control[type=email]:focus, input.form-control[type=phone]:focus{
  background:#fff;
}

<input type="text" placeholder="Name" />
<input type="email" placeholder="Email" />
<input type="phone" placeholder="Phone" />
<br/>
<br/>
<input type="text" class="form-control" placeholder="Name" />
<input type="email" class="form-control" placeholder="Email" />
<input type="phone" class="form-control" placeholder="Phone" />

当光标进入表单的文本框时，事件名称是什么

1 个答案: