DropDownList text vertical align in IE11

Question

Hello,I'm using ej:dropdownlist.I realized when I open in IE11, text in dropdownlist doesn't show in the middle align.I would like to display text in the same position despite browser. Should I add a specific css for only IE?I attach a screen shot compared with Gooogle Chrom and IE . Best Regards,YukikoAttachment: screenshot_7130e916.7z

Prince Oliver · Answer

Hi Yukiko,

Thank you for using Syncfusion products.

We have checked the reported scenario in our end, we suspect that you have modified the height property for the DropDownList to about “20px” which causes the issue. To get a consistent behavior in all browsers, we suggest you to use the following styles in your page to overcome this issue.

<style>

input.e-input, input[type='text'].e-input, .e-input.e-placeholder {

line-height: 0.9em;

}

</style>

Kindly refer to the following link for the sample: http://www.syncfusion.com/downloads/support/forum/138743/ze/dropdownIE11909994408

Regards,

Prince

Yukiko Imazu · Answer

Hi Prince,Thank you for response.  I could solve this issue.I appreciate it.Best Regards,Yukiko

Prince Oliver · Answer

Hi Yukiko, 

Most welcome, we are glad that your issue is resolved. 

Regards, 
Prince