Блог

У меня небольшая проблема. Если у меня есть <select> в моем html, и я применяю к нему класс form-control, это выглядит действительно странно в Internet Explorer, где это выглядит потрясающе в Chrome.

Мой код заканчивается просто: <select class="form-control"></select>

Могу ли я что-нибудь сделать, чтобы это исправить?

Мой пример взят непосредственно изhttp://getbootstrap.com/css/#forms-example

Каждый браузер отображает стили пользовательского интерфейса по-разному. Маловероятно, что посетители вашего сайта будут просматривать ваш сайт более чем в одном браузере одновременно. Пользовательские элементы управления — это обычные элементы веб-страницы, и ваши мобильные пользователи будут благодарны вам за то, что вы не портите их работу с мобильными устройствами на вашем сайте.

Однако, если есть требования к дизайну для пользовательского элемента управления пользовательского интерфейса, вы должны создать пользовательский раскрывающийся список выбора с использованием HTML, CSS и добавить уровень поведения с помощью библиотеки JavaScript, такой как jQuery, или использовать CSS3, если вам не нужна поддержка IE 7-9. Также убедитесь, что он отлично работает на мобильных устройствах, или замените пользовательский элемент управления собственным элементом управления с определенным разрешением экрана. Это будет зависеть от масштаба проекта и временных ограничений.

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