如何使用css hover更改跨度的內容？

我可以用這個CSS設置跨度的文本。如何使用css hover更改跨度的內容？

.tracking-true .tracking-button-text:before 
{ 
    content:"Tracking"; 
}

但我想改變懸停文字事情是這樣的，但我不能得到它的工作。

.tracking-true .tracking-button-text:hover 
{ 
    content:"Untrack"; 
}

這可以在css中完成嗎？

更新：非常像Stackoverflow使用：懸停將光標更改爲指針或更改背景顏色作爲用戶提示我試圖傳達給用戶相同的東西。這個元素可以被點擊並且會發生一些事情。我不覺得這是一個使用CSS的innaporopriate。

來源

2013-03-08 etoisarobot

我會使用jQuery。 – Kermit 2013-03-08 21:41:24

我不得不問「你爲什麼要這樣做？」。 CSS應該用於設計內容的樣式，而不是實際的內容：P另外，與@AarolamaBluenk所說的一樣，你可以用JavaScript來做到這一點，而不一定是jQuery。 – sweetamylase 2013-03-08 21:41:46

我與@sweetamylase Css是爲造型，不要用它來創建功能....你會讓自己陷入一個麻煩的世界。併爲任何追隨你的人制造混亂。 – Ryan 2013-03-08 21:43:25

這樣做：

.tracking-true .tracking-button-text:before 
{ 
    content:"Tracking"; 
} 

.tracking-true .tracking-button-text:hover:before 
{ 
    content:"Untrack"; 
}

來源

2013-03-08 21:44:01

應該勸阻使用CSS來處理任何不是造型的東西。 :( – sweetamylase 2013-03-08 21:45:24

爲什麼downvote？這是預期 – 2013-03-08 21:45:29

勸阻工作對我來說是一個不同的主題，他在這裏想答案是，你沒有貢獻。 – 2013-03-08 21:46:03

如何使用css hover更改跨度的內容？

回答

相關問題