2016-03-01 155 views
0

當鼠標懸停在鼠標上方並且鼠標移開它時,我需要改變文字的顏色。所以,我只有鼠標懸停的CSS,這是正確的方法來做到這一點?以及在mouseout上爲css更改顏色的代碼是什麼?從下面的代碼中,文字變爲綠色,但在鼠標移出後仍保持綠色。鼠標懸停和鼠標移出文字的顏色變化

<style type="text/css"> 
    .mouseover { 
    cursor: pointer; 
    color: green; 

} 
    </style> 

問候!

回答

2

沒有,你可以使用:hover僞類是這樣的:

<span class="sometexttohover">This is text to hover over</span> 

<style type="text/css"> 

.sometexttohover { 
color: #000; 
} 

.sometexttohover:hover { 
color: #567843; 
} 

</style> 
+1

更多信息:https://developer.mozilla.org/en-US/docs/Web/CSS/:hover – Leventix

+0

@VikingBlooded:我試過這段代碼,這不起作用,並且有一個控制「a」的主要css文件,我不能在那裏更改它,因爲它會影響整個頁面。我需要一個獨特的CSS風格來爲這個特定的文本改變顏色。 –

+0

這只是一個例子,你可以在任何僞元素或類上使用它。你可以做.thisismyhovertext:如果你願意,可以把這個類放到你的元素上。 – VikingBlooded