Вот самое простое решение.
Перед тем, как начать, я должен сказать вам, что выпадающее меню выбора автоматически расширится почти во всех браузерах, кроме IE6. Итак, я бы проверил браузер (т.е. IE6) и написал следующее только для этого браузера. Здесь это идет. Сначала проверьте браузер.
Код волшебным образом расширяет выпадающий список выбора. Единственная проблема с решением - это onmouseover, при этом раскрывающийся список будет расширен до 420px, а поскольку переполнение = скрыто, мы скрываем расширенный размер раскрывающегося списка и показываем его как 170px; Таким образом, стрелка на правой стороне dll будет скрыта и не будет видна. но поле выбора будет расширено до 420px; что мы действительно хотим. Просто попробуйте код ниже для себя и используйте его, если вам это нравится.
.ctrDropDown
{
width:420px; <%--this is the actual width of the dropdown list--%>
}
.ctrDropDownClick
{
width:420px; <%-- this the width of the dropdown select box.--%>
}
<div style="width:170px; overflow:hidden;">
<asp:DropDownList runat="server" ID="ddlApplication" onmouseout = "this.className='ctrDropDown';" onmouseover ="this.className='ctrDropDownClick';" class="ctrDropDown" onBlur="this.className='ctrDropDown';" onMouseDown="this.className='ctrDropDownClick';" onChange="this.className='ctrDropDown';"></asp:DropDownList>
</div>
Выше приведен IE6 CSS. Общий CSS для всех остальных браузеров должен быть таким, как показано ниже.
.ctrDropDown
{
width:170px; <%--this is the actual width of the dropdown list--%>
}
.ctrDropDownClick
{
width:auto; <%-- this the width of the dropdown select box.--%>
}