Can anyone help me with a CSS question?

mnhende2's Avatar


07 Mar, 2014 09:39 PM

Hello Anki Users (who I hope all know CSS much better than me),

I am trying to do something that seems like it should be fairly simple, but for which I have not been able to figure out. I am trying to replace/swap text with a hover or mouseover. I'm trying to accomplish something similar to what the hint field does, but just a little bit different.

One of my fields in my note is "Sample Sentence" (it includes a sample sentence of the vocabulary being learned)

One my card, I want the word "Sample" to appear. And then when I hover over or mouseover the word "Sample" I want it to be replaced with the content from my "Sample Sentence" field. Then when I move the mouse away I want it to go back to saying "Sample"

I know this is quite possible, because there is a bunch of stuff online about ".hover" and ."onmouseover," etc, but I cannot figure them out, particularly what to split up between the styling section vs the front/back template.

Thanks very much in advance to anyone who is able to help me with this.

  1. System closed this discussion on 22 Feb, 2016 11:50 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac