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

How to check the CSS properties of a widget?

SOLVED

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

Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions

Re: How to check the CSS properties of a widget?

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 2

Re: How to check the CSS properties of a widget?

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.

 

Re: How to check the CSS properties of a widget?

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.