CSS中的按鈕點(diǎn)擊效果可以通過偽類:hover和:active來實(shí)現(xiàn)。以按鈕點(diǎn)擊后變色為例子,展示如下:
button:hover { background-color: gray; } button:active { background-color: blue; }
以上代碼表示了當(dāng)鼠標(biāo)移動(dòng)到按鈕上hover時(shí),按鈕背景顏色會(huì)變灰。當(dāng)按鈕被點(diǎn)擊時(shí),按鈕背景顏色會(huì)變藍(lán)。
需要注意的是,:active偽類只在按鈕被點(diǎn)擊且未被松開時(shí)生效,一旦松開鼠標(biāo)就會(huì)回到:hover狀態(tài)。同時(shí),以上代碼只適用于button標(biāo)簽,如果要對其他標(biāo)簽實(shí)現(xiàn)相同效果,需要將代碼稍作修改。