Currently, I am attempting to apply styles to elements within a PrimeNG dropdown. These particular styles are associated with child elements nested within the p-dropdown tag, and I am unsure of the proper method to target them. Below is a snippet of the code, featuring only relevant information:
<p-dropdown _ngcontent-c12="" id="src" placeholder="Please select" class="ng-tns-c19-2 ng-untouched ng-pristine ng-valid ui-inputwrapper-filled" ng-reflect-placeholder="Please select" ng-reflect-options="[object Object],[object Object" ng-reflect-model="4">
<div class="ng-tns-c19-2 ui-dropdown ui-widget ui-state-default ui-corner-all ui-helper-clearfix" ng-reflect-ng-class="[object Object]" style="width: 246px;">
</div>
</p-dropdown>
My goal is to customize the content inside the div element encapsulated within the p-dropdown container. Interestingly, this particular div does not appear in my HTML code but is created by default when using the p-dropdown component.