Выберите размер атрибута размера, не работающий в Chrome / Safari?

Как решить проблему, которая выбирает размер атрибута, например, в коде:

 Default select 1 select 2 select 3  

Как я могу заставить его работать в Chrome и Safari?

Solutions Collecting From Web of "Выберите размер атрибута размера, не работающий в Chrome / Safari?"

Это известная ошибка в браузерах webkit .

Самый простой способ заставить его работать так, как вам нравится в Chrome и Safari, – это вручную указать стиль самого выбора.

Вот рабочий jsFiddle .

HTML:

  

CSS:

 select { height:36px; font-size:14px; } 

Я использую атрибут size в HTML для «других» браузеров, а затем указываю внешний вид webkit в CSS. Доступны другие типы опций меню, текстовое поле – не единственное. И вам, возможно, понадобится испортить высоту на основе размера шрифта. Это делает его примерно одинаковым во всех браузерах.

CSS

 select{ -webkit-appearance: menulist-textfield; height: 45px; } 

Включить height: auto и она должна работать.

  

Попробуйте использовать width свойства css тега select:

 select { width:value px; }