Product text keeps changing to black on mouseover

sadly this does not work any longer and i cannot find a way to do it :(

If you want to remove the highlight effect, inject the following CSS code as explained on this guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

.form-line-active {

background: none !important;

} 

If you want to remove the background error, inject the following CSS code: 

.form-line-error {

background:transparent !important;

}

Also, if you want to remove the background color from the product items when the mouse hovers, inject this code:

.hover-product-item{

background:transparent !important;

 

}

Let us know if you need more help.

This does not work. It removes all backgrounds, I don't want to do that.
Thanks!
Cherokee O'Larte
FloriDarts Club President
Instagram: use #FloriDarts to tag your pictures
Facebook: https://www.facebook.com/groups/FloriDarts/

Website: https://www.FloriDarts.club
...

Thanks for your reply.

Use this CSS codes if you want the product text to remain white on mouseover and when it is selected.

span.form-product-item.hover-product-item,

.form-line-active{

    color: #fff !important;

}

Inject this to your form, guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Result:

I will try that tonight, thanks.

Great! Whenever you need assistance, make sure to let us know.

thank you, I will try this tonight.
Thanks!
Cherokee O'Larte
FloriDarts Club President
Instagram: use #FloriDarts to tag your pictures
Facebook: https://www.facebook.com/groups/FloriDarts/

Website: https://www.FloriDarts.club
...