Trying to change the background colour from white to transparent, infopath is adding 'inline styles'. I ultimately want this to be transparent and the form border, text etc to be white to display over the fullsize background image.

enter image description here

Code Sample:

padding:25px;background-color:window;color:windowtext;color:black;font-family:Calibri;font-size:10pt;background-color:window;color:windowtext;color:black;font-family:Calibri;font-size:10pt;background-color:window;color:windowtext;color:black;font-family:Calibri;font-size:10pt;background-color:window;color:windowtext;color:black;font-family:Calibri;font-size:10pt;background-color:window;color:windowtext;color:black;font-family:Calibri;font-size:10pt;DIRECTION: ltr; BACKGROUND-COLOR: #ffffff; padding-top:16px;padding-bottom:16px;margin-top:1px;margin-bottom:1px;zoom:100%"

I have tried the following: + Add a new CSS reference to the ID (in screenshot) + Tried to use a javascript inline stripper

Please help


I'm not proud of this, but it should work if you execute this after the form renders.

$("#WebPartWPQ1 *").css("background-color", "transparent")
  • This works. I have added it to a .js which loads via the footer - Thanks @James
    – uatonly
    Apr 27 '16 at 9:48
  • I implemented this and it works perfectly
    – uatonly
    Apr 28 '16 at 17:01

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.