Ширина DropDownList в Internet Explorer

Question

У меня есть ASP.NET DropDownList с довольно широким содержимым, в то время как ширина закрытого списка должна быть довольно малой из-за ограничений места на сайте. Вот почему мне нужно иметь возможность задавать определенную ширину списка, когда он закрыт, но хочу, чтобы он был таким же широким, как и контент, когда он открыт.

По умолчанию Firefox автоматически делает DropDownLists такими же широкими, как и его содержимое при открытии. Internet Explorer с другой стороны нет.

Есть ли способ сказать IE, чтобы сделать открытый DDL таким же широким, как контент, когда он открыт, но иметь его в меньшем размере, когда он закрыт? Желательно без использования JavaScript.

РЕДАКТИРОВАТЬ: Хорошо, я не был достаточно ясен в моем первом посте. Акцент делается на при открытии . Мне нужна определенная ширина в списке, когда он закрыт, но я хочу, чтобы он был таким же широким, как содержимое при открытии . Как я уже сказал, Firefox делает это, а IE нет.

Answer 1

Я бы порекомендовал не использовать выпадающий список, а более дружественный к JavaScript, например, такой:

http://jquery.sanchezsalvador.com/samples/example.htm

Это позволит вашему контенту расширяться за пределы выбранной ширины.

Answer 2

IE по умолчанию такой же ширины, как и контент.

Установите CSSClass и задайте ему указанную ширину, и вы сможете изменить его.

Вы также можете пойти

select{
  width:42px;
}

edit : из того, что вы сейчас говорите, я чувствую, что вам нужно сделать какой-нибудь javascript, потому что IE не справится с этим Попробуйте посмотреть в jquery

Answer 3

Я бы сказал, что вам лучше всего определить максимальную ширину и установить ее в раскрывающемся списке. Таким образом, вы получите непротиворечивый вид независимо от содержимого, и вы также обойдете эту проблему.

Answer 4

IE по умолчанию сделает его таким же широким, как и содержимое. Это поведение изменяется, если вы указываете ширину в DDL или ограничиваете DDL, помещая ширину где-нибудь в родительский контейнер.