Hello, I am trying to figure out how to change the text of a button when hovering it. I have accomplished this by doing it with text using a navigation panel but it seems that buttons do not have this feature. I can change the button hover using global CSS of course but that is not a very good fix.
this is the button before you hover
and this is it after
hope someone can help
Use Styles, Active background....
Hi @Chase_Morris, and welcome to the forum!
There isn't indeed a hover property you can use to dynamically change the text of the button. If you want to have dynamic text on hover, you could do it with an html component.
For anyone wondering, use an HTML component and in the CSS area type something like this:
.myClass {
display: inline-block;
padding: 10px 20px;
font-size: 16px;
text-align: center;
color: black;
background-color: white;
border: 2px solid black;
cursor: pointer;
transition: all 0.3s ease;
}
.myClass:hover {
color: white;
background-color: red;
}