Mouse over css on link button

Vaadin 6 / 7 / 8 Framework UI
1

Hello

During the era of toolkit 4 i had the following css working on mouse over on a link button

.itmtk .panel .link .over
{
	color: #FF00A0;
	font-size: 14px;
	font-weight: bold;
}

My question is, how should it be on this new version tookit 5?

I tried the bellow css with no luck.

.i-app .i-button-newsLink, .link .over .caption, .i-window .i-button-newsLink, .link .over .caption  
{
    color: #FF00A0;
	font-size: 14px;
	font-weight: bold;
}

Thanks

2

The Link component in Toolkit 5 does not add any new classname when hovering over the link. You should instead just use the CSS ‘:hover’ pseudo-selector.

I.e. .i-link:hover { color: #FF00A0; }

3

Hello, thanks for the answer, but my problem was on a Button component with style link.

I want to have a mouse over effect on a link button. not a link component.

Thanks again

4

Oh, sorry. I hastily answered your post.

But the same approach applies to the Button component as well. Just use the following CSS:

.i-button:hover {

}

/* this one too */

.i-button:hover span {

}