Question

我有一个asp：DropDownList，固定宽度为150px，但它的列表项不足以容纳150px宽度，所以它在IE中被切断（在其他浏览器中工作正常）我搜索了这个，但只得到了html SELECT的解决方案。

Answer 1

为您的下拉列表设置一个css类，然后将width设置为该css类

<style>
   .myDropDown
   {
       width : 150px;
   }
</style>

<asp:DropDownList CssClass="myDropDown"></asp:DropDownList>

修改

因此您必须从dropdownload中删除width属性。然后根据物品大小调整大小。

Answer 2

<script type='text/javascript'> 

function SetWidthToAuto(drpLst) {
drpLst.style.width = 'auto';
}

function ResetWidth(drpLst) {
drpLst.style.width = '150px';
}
</script>

<div style="width:150px;overflow:hidden;">
<select id="drpTechnology" style='width:150px' onchange='ResetWidth(this)' onblur='ResetWidth(this)' onmousedown='SetWidthToAuto(this)'>
<option value="-1">Browse me..</option>
<option value="1">Short Option</option>
<option value="2">Little bigger than short Option</option>
<option value="3">Largest option available with this select box</option> </select> <div>

Asp.net下拉列表在IE中被切断

2 个答案: