Skip to main content
C
CHASEONHO18-Opal
18-Opal
June 17, 2019
Solved

How to check the CSS properties of a widget?

  • June 17, 2019
  • 2 replies
  • 1467 views

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

Best answer by Giuseppe_Fiore

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.

 

2 replies

G
Giuseppe_Fiore15-MoonstoneAnswer
15-Moonstone
June 18, 2019

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.

 

    J
    jmikesell1-Visitor
    1-Visitor
    June 18, 2019

    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.

    Terms & ConditionsAccessibility statement