Font-size in ejDropdowlist

[Agne]

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]

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.