JS adding CSS Properties resulted in: Hover Invalid workaround

This is actually due to the precedence of CSS.

JS adds a property that is directly added to the label in the Style property, with precedence higher than the # and. Selector of the stylesheet. Style>id>class.

However: the hover pseudo-class also fails. Description STYLE>CSS Pseudo class >id>class.

To: Add!important to the hover property.

Color: #fff!important;

The style of!important is set to precedence over everything.

!important>style>id>class

JS adding CSS Properties resulted in: Hover Invalid workaround