css - 键入时更改输入元素的文本颜色(css)

Question

我有一个搜索框，我想要白色的文本颜色。我将占位符颜色更改为白色，将文本颜色更改为白色，但只有当用户点击表单外时文本颜色才会变为白色(在键入时仍保持灰色 Bootstrap 颜色)。

我怎样才能改变它？我的 style.scss 代码:

.form-control {
  background-color: transparent !important;
  color: white;

  &::placeholder {
    color: white;
    opacity: 1;
  }
}

Answer 1

对于你的问题 focus pseudo class 应该有效:

#searchFieldText:focus {  // set your searchbox with focus pseudo class
    color: #fff; // put your color here
}

让我知道这是否有效。