cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Visit the PTCooler (the community lounge) to get to know your fellow community members and check out some of Dale's Friday Humor posts! X

How to check the CSS properties of a widget?

CHASEONHO
18-Opal

How to check the CSS properties of a widget?

Hello,

How to check the CSS properties of a widget?

 

For the help tutorial, the drop-down widget shows CSS examples like select or .item.

 

Buttons do not tell us what properties to give when we hover or click.
How do you use the buttons as well as other widgets when you want to check the detail properties?
Please let me know.

 

Below is the CSS that I have configured so that the black button becomes gray when the mouse hovers and becomes green when clicked.
Not applied.

.btn {
  background:black;
}

.btn hover{
  background:gray;
}

.btn active{
  background:green;
}

Warm Regards,

SeonHo

1 ACCEPTED SOLUTION

Accepted Solutions

try this , you have wrong the syntax

 

.btn {
  background-color:black;
}

.btn:hover{
  background-color:gray;
}

.btn:active{
  background-color:green;
}

 have a nice day.

 

View solution in original post

2 REPLIES 2

try this , you have wrong the syntax

 

.btn {
  background-color:black;
}

.btn:hover{
  background-color:gray;
}

.btn:active{
  background-color:green;
}

 have a nice day.

 

jmikesell
15-Moonstone
(To:CHASEONHO)

Also keep in mind that while hover might work in Preview where you have a mouse it will not work on mobile as there is no hover property on touchscreens.

Top Tags