Change height of kendoDropDownList widget

[aborg]

I am trying to find a property of the DropDownList that will set the actual height of the widget itself. I found the height property that appears to set the height of the dropdown portion of the control but I want to adjust how tall the widget itself is. Is this something that can be set?

[Iliana Dyankova]

Hi Brian,

You can set the actual height of the DropDownList through using custom CSS. For example: 

<style>
.k-dropdown .k-dropdown-wrap{
    height: 47px;
}
</style>

I hope the suggested approach fits your requirements. 

Regards,

Iliana Nikolova
the Telerik team

[Alan]

What would be the best practice for a certain control?
           .customCSS 
                .k-dropdown .k-dropdown-wrap
                {
                    height: 40px;
                }
<div id="kendoDropDownList" class="customCSS" />

Does not work.
Thank you

[Iliana Dyankova]

Hi Alan,

The following CSS selector should help to achieve the desired outcome: 

.customCSS.k-dropdown .k-dropdown-wrap{
    height: 40px;
}

Regards,
Iliana Nikolova
Telerik