Custom CSS that worked fine in ThingWorx 9.2 is no longer working in ThingWorx 9.6

[NJ_10144761]

I am using a Custom css code in mashup for a dropdown which is 
.widget-ptcsdropdown::part(item-value) {
color: white;
}
code working fine in thingworx version 9.2 but recently thingworx upgread to 9.6 version and same css code using in a mashup and it is not working.
So please give some suggestion on it. 

[Surya_Tiwari]

Hi @NJ_10144761  

 Check the article below, which might be helpful in your use case.

https://www.ptc.com/en/support/article/CS377455?source=search

https://www.ptc.com/en/support/article/CS315780?source=search

Let me know if it doesn't work or if you have any doubts.

[PEHOWE · Accepted solution]

Hello @NJ_10144761 ,

I have looked into the issue and you are correct. There have been a large number of changes to the HTML code which is generated for the Widgets. 
Because of these changes your CSS is no longer valid. I did discuss the issue with the experts.  You will need to update your CSS to be compatible with ThingWorx 9.6.x and beyond.

There is now an article CS439465 - ThingWorx Web Components Customization with CSS

 which address your specific question. Here is a screen capture of my sample code. Note that the "Linting" control is turned off. This is required.

If this address your problem please mark it as a solution. If you have additional questions please let me know

Regards,

Pehowe