#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>