How to style the dropdowns pop up grouping with css

I have an autocomplete that has grouping in the pop up. How can I style the grouping in the pop up drop down? I'm trying to change the font weight to bold.


3 Replies 1 reply marked as answer

BC Berly Christopher Syncfusion Team September 30, 2021 03:07 PM UTC

Hi Zachary, 
  
Greetings from Syncfusion support. 
  
We can achieve the requested requirement by overriding the below CSS styles to the list item with help of cssClass property. 
  
<ejs-autocomplete 
id="vegetables" 
cssClass="e-custom" 
[showPopupButton]="true" 
[dataSource]="vegetableData" 
[placeholder]="groupWaterMark" 
[fields]="groupFields" 
></ejs-autocomplete> 
.e-custom .e-list-group-item { 
    font-weightbold; 
  } 
 
  
Screenshot: 
 
  
  
Regards, 
Berly B.C 


Marked as answer

ZA Zachary September 30, 2021 03:39 PM UTC

Worked perfectly! Thank you.



BC Berly Christopher Syncfusion Team October 1, 2021 07:33 AM UTC

Hi Zachary, 
  
Most welcome. Please let us know if you need further assistance on this. 
  
Regards, 
Berly B.C 


Loader.
Up arrow icon