Question

我不知道在单击时更改文本颜色的命令是什么。我尝试了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;
}

Answer 1

input:focus可以正常使用see this Fiddle。

<input type="text" value="Click me to make me green!">

CSS：

input {
    color:red;
    width:20em;
}
input:focus {
    color:green;
    background:#dfd;
}

:focus状态表示该元素当前已被选中并接受输入。 Read more over at W3

如果您希望永久在第一次点击时更改颜色，则会引入＆＃39;自定义持久状态＆＃39;，这不是行为，因此不可能通过CSS但是只能使用Javascript，例如将类添加到元素中。

Answer 2

有一些CSS方法可以做到 - 就像这里的答案一样。这是Javascript的一个例子。就像已经说过的那样，如果你想永久改变颜色，应该使用Javascript。

<强> HTML

<p id="change">Hello World!</p>

<强>的Javascript

 document.getElementById('change').onclick = changeColor;   

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

Fiddle Here

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

2 个答案: