DropDownList text vertical align in IE11

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,
Yukiko

Attachment: screenshot_7130e916.7z

3 Replies

PO Prince Oliver Syncfusion Team July 17, 2018 09:57 AM UTC

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 



YI Yukiko Imazu July 17, 2018 12:21 PM UTC

Hi Prince,

Thank you for response.  I could solve this issue.
I appreciate it.

Best Regards,
Yukiko 


PO Prince Oliver Syncfusion Team July 18, 2018 05:58 AM UTC

Hi Yukiko, 

Most welcome, we are glad that your issue is resolved. 

Regards, 
Prince 


Loader.
Up arrow icon