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

Question

我有一个搜索框,我希望文本的颜色为白色.我将占位符颜色更改为白色,将文本颜色更改为白色,但当人员单击窗体时,文本颜色仅变为白色(键入时仍为灰色的Bootstrap颜色).

我该怎么改变它？我的style.scss代码:

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

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

Answer 1

对于您的问题focus 伪类应该工作：

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

让我知道这个是否奏效。