html - 输入框文本颜色与 CSS 是否在焦点上

Question

我有一个运行脚本的表，该脚本将表过滤器放在顶部。表格字体是白色的，所以它使我的输入框中的文本也变成白色，你看不到你输入的内容。我在 CSS 中做到了这一点:

input, select, textarea{
color: black;
}

textarea:focus, input:focus {
color: black;
}

上面的唯一问题是，如果您失去对框的关注，它会变回白色。因此，您输入一些内容并移至下一个框，它再次变为白色。我怎样才能让它在 CSS 中工作，一旦我输入文本，即使我失去对文本框的关注，它仍然是黑色的？

Answer 1

此处:http://jsfiddle.net/fw26qevk/1/

#myTextBox {
    border: 3px solid gray;
    width: 368px;
    height: 33px;
    color: silver;
    font-size: 22px;
    padding-left: 10px;
    padding:5px; 
    color:black

}

#myTextBox:focus{
    outline:none;
    border-color:blue;
    box-shadow:0 0 10px blue;
    color:blue;
}

您也可以使用 CSS 来做到这一点，但在聚焦和聚焦时在其上添加一个类。

$('input[type="text"]').focus(function() {
    $(this).addClass("focus");
});

$('input[type="text"]').blur(function() {
    $(this).removeClass("focus");
});