максимальная ширина в теге выбора не работает в IE - PullRequest
Новая
       0

максимальная ширина в теге выбора не работает в IE

3 голосов
/ 15 декабря 2010

У меня есть тег выбора, ... вот так .. 

<select style="max-width:150px"> 
     <option value='1'>bla bla bla bla bla bla bla ...(let's say a long words)
     ...... 
</select>

это работает в FF, .. но не то есть .. чем я изменяю max-width с шириной style="width:150px"
это работает в обоих, но ... .. 1006 * в т.е ... текст усекается

Кто-нибудь может мне помочь? я делаю не так? Есть ли лучший способ исправить это?

извините, если мой английский плохой: (* ​​1011 *

Ответы [ 2 ]

6 голосов
/ 15 декабря 2010

Вот статья, которая может объяснить, почему max-width не работает в используемой версии IE:

максимальная ширина в Internet Explorer

В нем показан пример того, как моделировать максимальную ширину в IE с помощью выражений CSS: 

<html>
<style>
body {
width:100%;
margin:0;
padding:0;}

p {
border:1px solid red;
max-width:800px;
width:expression(document.body.clientWidth > 800? "800px": "auto" );
}
</style>
<body>
<p>
[a lot of text]
</p>
</body>
</html>

Отказ от ответственности: Я не фанат CSS-выражений , но это все равно должно работать.

2 голосов
/ 15 декабря 2010

Этот плагин jQuery устраняет проблему, которую вы описываете.

Установка фиксированной ширины элемента select в Internet Explorer [6/7/8] вызовет всеиз параметров выбора, которые шире заданной ширины выбора, которую нужно обрезать.

Применение этого плагина заставляет элемент выбора в Internet Explorer работать так же, как и в [современных браузерах].

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...