CSS動(dòng)態(tài)設(shè)置字體顏色

我們可以利用CSS的偽類選擇器，動(dòng)態(tài)設(shè)置字體顏色。在hover、active、focus這些偽類選擇器中，我們可以通過(guò)特定的CSS屬性，改變?cè)氐淖煮w顏色。

示例：

a:hover {
color: red;
}
a:active {
color: blue;
}
input:focus {
color: green;
}

通過(guò)以上代碼，我們可以在鼠標(biāo)懸停在鏈接上時(shí)將字體顏色設(shè)為紅色，在用戶點(diǎn)擊鏈接時(shí)將字體顏色更改為藍(lán)色，在輸入框獲得焦點(diǎn)時(shí)將字體顏色設(shè)為綠色。

此外，我們也可以使用JavaScript來(lái)實(shí)現(xiàn)動(dòng)態(tài)設(shè)置字體顏色。在JavaScript中，我們可以利用DOM方法獲取元素，然后通過(guò)設(shè)置CSS樣式來(lái)改變?cè)氐淖煮w顏色。

示例：

<script>
function setColor() {
var elem = document.getElementById("myText");
elem.style.color = "purple";
}
</script>
<p id="myText">這是一段文本</p>
<button onclick="setColor()">更改顏色</button>

通過(guò)以上代碼，在點(diǎn)擊“更改顏色”按鈕時(shí)，可以將ID為“myText”的段落字體顏色設(shè)為紫色。