How can I change the font family of a selected DropDownList item ?

[tomer]

Hi,

The following code change only the DropDownList item's font but not the selected text.

Meaning: after selecting one item, the dropdown item closed and then we can see the selected item - this one is not with the correct font family.

<style> 

    .ddlFont { font-family: Arial; }

</style>

<ej:DropDownList ID="DropDownList1" runat="server" CssClass="ddlFont">

    <Items>

        <ej:DropDownListItem Text="English" Value="en-US" />

        <ej:DropDownListItem Text="Arabic" Value="ar-AR" />

    </Items>

</ej:DropDownList>

Thanks,

   Tomer

[tomer]

I noticed that this issue occurred only on my Firefox (version: 55.0.3)

[Prince Oliver]

Hi Tomer, 

Thank you for contacting Syncfusion forums. 

To change the font family of a selected DropDownList item, you need to override the existing default font family for the visible input element. Kindly refer to the following code snippet. 

<style>  

    .ddlFont, .ddlFont.e-ddl .e-input { font-family: Arial; } 

</style> 

We have prepared a sample for your convenience, kindly refer to the following link for the sample: https://www.syncfusion.com/downloads/support/forum/132399/ze/DropDownSample-715200558 

Regards, 

Prince