how to change the appearance of the button with mouse over?

Post any questions you have about using the Verj.io Studio, including client and server-side programming with Javascript or FPL, and integration with databases, web services etc.

Moderators: Jon, Steve, Ian, Dave

t4nu
Ebase User
Posts: 305
Joined: Thu Jul 02, 2015 8:32 am
Location: Indonesia

how to change the appearance of the button with mouse over?

#1

Postby t4nu » Thu Feb 18, 2016 3:39 am

Hi,
I want the appearance of the button change when the mouse is over it, what should I do?
I noticed there is onmouseover within the HTML Element, but it seems the styling command is not working in there.
So what should I do?
Thanks in advance for the help.
0 x

Jon
Moderator
Moderator
Posts: 1342
Joined: Wed Sep 12, 2007 12:49 pm

#2

Postby Jon » Thu Feb 18, 2016 9:12 am

You do this with CSS styling using the hover suffix e.g. add a class to your button, say buttonClass, then add a style sheet to the page, form or template something like this:

Code: Select all

.buttonClass
{
	background-color: #057fd3;
}
.buttonClass:hover
{
	background-color: #0470ba;
}
0 x

t4nu
Ebase User
Posts: 305
Joined: Thu Jul 02, 2015 8:32 am
Location: Indonesia

#3

Postby t4nu » Thu Feb 18, 2016 9:21 am

Thanks a lot.
Jon wrote:You do this with CSS styling using the hover suffix e.g. add a class to your button, say buttonClass, then add a style sheet to the page, form or template something like this:

Code: Select all

.buttonClass
{
	background-color: #057fd3;
}
.buttonClass:hover
{
	background-color: #0470ba;
}
0 x


Who is online

Users browsing this forum: Bing [Bot] and 20 guests