Почему делают Chrome, Firefox и IE, вся фиксированная ширина рендеринга ВЫБИРАЕТ средства управления по-другому?
Нашел решение: установите testURL на локальный порт, а затем обслужите файлы с http-сервером / express или чем-то еще подобным на этом порту.
7 ответов
Средства управления формой всегда будут менее послушны моделированию попыток, в особенности выбирает и исходные данные файла, таким образом, единственный способ надежно разработать их перекрестный браузер и с соответствованием требованиям завтрашнего дня в памяти, должен заменить их JavaScript или Flash и подражать их функциональности
Установка Try font-size на выборах также, которые могут влиять, как они представляются. Также рассмотрите min-width и max-width свойства.
Удостоверьтесь, что Вы удаляете все поля по умолчанию и дополнение, и определяете их явно. Удостоверьтесь, что Вы используете надлежащий DOCTYPE и поэтому представляете IE в Режиме Стандартов.
Можно использовать фальсифицируемый выпадающий виджет и заменить ВЫБОР.
Браузеры имеют тенденцию ограничивать сумму, можно разработать средства управления формой с CSS, потому что средства управления формой имеют большое сложное моделирование, которое варьируется между операционными системами. CSS не может описать тот полностью, таким образом, браузеры помещают часть его от пределов.
Eric Meyer написал хорошую статью о предмете:
http://meyerweb.com/eric/thoughts/2007/05/15/formal-weirdness/
Лучшее, которое можно сделать, признают, что Вы не имеете полного контроля над видом полей формы и экспериментируете с любым моделированием, действительно важно.
Попытайтесь использовать Firebug или функцию "Inspect Element" Chrome (щелчок правой кнопкой по избранному управлению, нажмите "inspect element") видеть точно, какие свойства стиля наследованы/представлены для того конкретного объекта. Это должно привести Вас в правильном направлении.
Я попробовал все эти предложения..., и у меня наконец есть он так, это выглядит хорошим в IE и Firefox. Похож существует что-то не так с дополнением на ИЗБРАННОМ управлении. Если я увеличиваю ширину ВЫБОРА на 2 пикселя теперь размер правильно.
.combo
{
padding: 2px;
width: 206px;
}
.text
{
padding: 2px;
width: 200px;
}
Однако Chrome все еще не показывает им тот же размер.