Font-size in ejDropdowlist

Question

Hello,how can I change font size in ejDropdowlist? I want to do it in list and also in textbox. And also, how can I change spaces size between words in list?Maybe it is possible to do it without using template property?

Keerthana Rajendran · Answer

Hi Agne, 
 
Thank you for contacting Syncfusion support, 
 
We suggest you to use the cssClass property to make changes in font-size and line-spacing for list items. Please add the below styles in your sample  
 




$('#bikeList').ejDropDownList({ 
                dataSource: BikeList, 
                fields: { id: "empid", text: "text", value: "text" }, 
              cssClass:"custom", 
              width:"300px" 
            }); 
.custom li 
      { 
        font-size:18px; 
        line-height:2.4 !important; 
      } 
      .custom .e-input 
      { 
        font-size:18px !important; 
      } 
 
We have prepared sample for reference. Please refer the below given link 
 
Sample: http://jsplayground.syncfusion.com/u0k4edoa 
 
Also refer the below link to know details about Theme studio 
 
http://js.syncfusion.com/themestudio/ 
 
 
Regards, 
Keerthana.