Css 单击时,可以将文本颜色更改为000000的命令是什么

Css 单击时,可以将文本颜色更改为000000的命令是什么,css,colors,Css,Colors,我不知道单击时调用什么命令来更改文本颜色。我尝试了textarea:focus、input:focus和textarea:active、input:active的不同变体,但都不起作用 input, textarea { background: #fff; border: none; color: #aaa; font-size: 12px; line-height: 1.0em; margin: 0; outline: none;

我不知道单击时调用什么命令来更改文本颜色。我尝试了textarea:focus、input:focus和textarea:active、input:active的不同变体,但都不起作用

input, textarea {
    background: #fff;
    border: none;
    color: #aaa;
    font-size: 12px;
    line-height: 1.0em;
    margin: 0;
    outline: none;
    text-align: center;
    padding: 0;
    text-decoration: none;
}

input: active textarea: active {
    color: #000000;
}
输入:焦点将正常工作

:焦点状态表示元素当前已选定并接受输入


如果您想在第一次单击时永久更改颜色,您将引入“自定义持久状态”,这不是行为,因此不可能通过CSS实现,而只能使用Javascript,例如向元素添加类。

有一些CSS方法可以做到这一点,就像这里已经给出的答案一样。下面是一个Javascript示例。如前所述,如果您想永久更改颜色,则应使用Javascript

HTML


没有这样的事。无法通过CSS处理单击事件。你需要Javascript,你是说
<input type="text" value="Click me to make me green!">
input {
    color:red;
    width:20em;
}
input:focus {
    color:green;
    background:#dfd;
}
<p id="change">Hello World!</p>
 document.getElementById('change').onclick = changeColor;   

 function changeColor() {
    document.body.style.color = "blue";
    return false;
    }