Asp.net выпадающий список отключен в IE

#html

#HTML

Вопрос:

У меня есть asp: выпадающий список с фиксированной шириной 150 пикселей, но его элементов списка недостаточно, чтобы поместиться в ширину 150 пикселей, поэтому он отключается в IE (отлично работает в других браузерах) Я искал об этом, но получил только решение для html SELECT.

Комментарии:

1. asp: выпадающий список отображается как HTML SELECT при возврате в браузер, следовательно, любое решение, которое вы нашли для HTML SELECT, все еще может быть применено к asp: выпадающему списку

2. спасибо за эту информацию … но это решение не удовлетворяет моим потребностям.. я хочу, чтобы он был таким же, как в mozilla или Chrome

Ответ №1:

задайте класс css для вашего выпадающего списка, а затем задайте ширину для этого класса css

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

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

Редактировать

поэтому вы должны удалить атрибут width из вашего выпадающего списка. затем его размер будет изменен в зависимости от размера элементов.

Комментарии:

1. он назначит ширину выпадающему списку, проблема в том, что элементы списка обрезаются, если их ширина превышает 150 пикселей

2. поэтому вы должны удалить атрибут width из вашего выпадающего списка. затем его размер будет изменен в зависимости от размера элементов. ответ отредактирован.

Ответ №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>