我有一个运行脚本的表,该脚本将表过滤器放在顶部。表格字体是白色的,所以它使我的输入框中的文本也变成白色,你看不到你输入的内容。我在 CSS 中做到了这一点:
input, select, textarea{
color: black;
}
textarea:focus, input:focus {
color: black;
}
上面的唯一问题是,如果您失去对框的关注,它会变回白色。因此,您输入一些内容并移至下一个框,它再次变为白色。我怎样才能让它在 CSS 中工作,一旦我输入文本,即使我失去对文本框的关注,它仍然是黑色的?
最佳答案
此处: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");
});
关于html - 输入框文本颜色与 CSS 是否在焦点上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25372834/