單擊時可以將文本顏色更改爲＃000000的命令是什麼

-1

我不知道點擊時調用的命令是如何更改文本顏色的。我嘗試了textarea:focus, input:focus和textarea:active, input:active的不同變體，但沒有奏效。單擊時可以將文本顏色更改爲＃000000的命令是什麼

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; 
}

來源

2014-10-04 k5432

有沒有這樣的事情。點擊事件不能通過CSS處理。你需要'Javascript'。 – melancia 2014-10-04 21:17:36

您的意思是[像這樣？]（http://jsbin.com/sigoti/1/edit） – misterManSam 2014-10-04 21:19:52

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。

如果你想永久第一次點擊改變顏色你引入的'自定義持久狀態'，這不是行爲，因此不可能通過CSS，但只能通過使用JavaScript，例如添加一個類到元素。

來源

2014-10-04 21:19:33

有一些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

來源

2014-10-04 21:33:05 Leto

單擊時可以將文本顏色更改爲＃000000的命令是什麼

回答

相關問題