Matrix Dynamique Widget Custom CSS Area: not reading the injected custom code.

Hi, 

 

one of my recent forms https://form.jotform.me/70453420320441 is using Matrix Dynamique. Everything is fine, except the look of Matrix Dynamique in particular is not matched with the the rest of the form. How do I know which css custom code to use in such that to have it matched as the rest of the form ?  Noted that I have almost zero knowledge for css.

 

Your advise would be very helpful.

 

Thanks and Kind Regards,

Teerawee

It should be possible to change the style of the matrix, since it has a custom CSS area, I just tried with the following CSS code:

input[type="text"]{

height: 32px !important;

background-color: #f8f8f8 !important;

border-color: #eeeeee !important;

border-radius: 6px !important;

}

And it seems to work, but when I preview the form, the style is gone:

I have forwarded this to our developers to get further help. You will be notified via this thread when there is any updates on this matter.

Thanks David, for your help and the update.
...