Установка высоты SELECT в IE

Question

IE, кажется, игнорирует высоту, установленную в CSS при рендеринге HTML SELECT. Есть ли обходной путь для этого или мы должны просто признать, что IE будет выглядеть не так хорошо, как другие браузеры?

Answer 1

Вы можете сделать то же самое, что и Facebook, просто добавив отступы. Это не так хорошо, как хотелось бы, но выглядит неплохо.

Answer 2

См. Также несовместимая модель блока между вводом, выберите, ...

Answer 3

Я хотел, чтобы высота поля выбора была меньше, чем по умолчанию. я использовал

select {
   position: relative;
   height: 10px !important;
   display: inline-block;
}

это работает на ie7 и ie8. вам может понадобиться только свойство height, я просто добавил position и display, чтобы переопределить свойства, унаследованные от более высокого уровня.

Answer 4

Не уверен, но я думаю, что это был вопрос не о высоте «множественного» типа элемента select, а о раскрывающемся типе элемента select. Мне приходилось сталкиваться со временем, когда выпадающий список выглядит сжатым и не показывает четко выбранное значение. Несомненно, это связано с информацией о стиле CSS, используемой на странице. Единственный способ остановить это - изменить CSS (который, скорее всего, повлияет на всю страницу или ее части так, как вы этого не хотите), или использовать информацию о стиле в самом элементе select, чтобы переопределить CSS, который его затушевывает. Пример:

<select name="myselect" id="myselect" style="font-size:15px; height:30px">
<option value="someval">somedescr</option>
...
</select>

Надеюсь, это поможет.