So, I would like a button to change when hover but not the size or color but the value.
You hover the button and it changes from eg. “EDIT” to “CLICK ME TO EDIT”. Another thing, how to do the same thing but wit ha glyph on the button, eg. there is an icon of a pen on the button and it changes to “CLICK ME TO EDIT”.
I’ll buy a beer to anyone who could help me with it ;)
you can create an :before pseudo element and use the element:hover:before selector and either change the opacity of the pseudo element to 1 or display:none to display:block . :after would work the same . pseudo element has to be set to 100% width and height
Mine actually used inputs because I started with a JQ solution and inputs (changing the value attribute), but in the end @CrocoDillon‘s solution makes more sense. You can send the beer to him, @whodunit ! :)