PowerChart - Hover color not able to change

General Discussion
1

Hi,
I had added below stylesheet for powercharts, as text color is white, for more visibility I want to change the hover element color.

#trendstyle .ia_powerChartComponent__tagBrowserContainer,
.ia_powerChartComponent__tagBrowserContainer__tree ,
.ia_treeComponent__node--selected,
.ia_button--primary
{
  background-color:#031D32;
  color: white;
}

image

I am not able to find hover properties in the styles. Please let me know what is the element name for the hover.

Thanks in advance

2

Have you tried using the :hover selector in combination with the classes you are using?

3

Yes I tried hover with background, background-color and color however nothing works for me.

4

using your css I got this style:

regCSS
regCSS808×624 12.6 KB

I added this and got this result when hovering my mouse over the tag browser:

#trendstyle .ia_powerChartComponent__tagBrowserContainer:hover,
.ia_powerChartComponent__tagBrowserContainer__tree:hover ,
.ia_treeComponent__node--selected:hover,
.ia_button--primary:hover
{
  background-color:black;
  color: red;
}

image
image274×632 5.59 KB

5

Out of the topic,
I created stylesheet for Alarm Status and Alarm Journal Table and when I open Date range popup in powerchart it takes the stylesheet from Alarm status and Alarm Journal Table.

image
image1555×444 55.4 KB

6

It highlights everything, for multiple storage provider and their sub category also.
Basically for everything which are under Browse Tags Table.

and for the buttons the hover elements implemented on that too.