Internet Explorer中的Bootstrap下拉列表

Question

我有一個小問題。 如果我在我的html中有<select>，並且我將表單控件類應用於它，它在Internet Explorer中看起來很奇怪，它在Chrome中看起來很棒。

我的代碼最終被簡單：<select class="form-control"></select>

我能做些什麼來解決這個問題？

我的例子是直接從http://getbootstrap.com/css/#forms-example

Answer 1

每一個瀏覽器渲染UI風格不同。您的網站訪問者不太可能一次在多個瀏覽器中查看您的網站。用戶控件是常見的網頁元素，您的移動用戶會感謝您不要在您的網站上搞砸他們的移動體驗。

但是，如果您對自定義UI控件有設計要求，那麼您將使用HTML，CSS設計自定義選擇下拉列表，並使用jQuery等JavaScript庫添加行爲圖層，如果您不需要支持，請使用CSS3對於IE 7-9。還要確保它在移動設備上正常工作，或者用特定屏幕分辨率的本地控件替換自定義控件。這將取決於項目的規模和時間限制。

至少可以使用Bootstrap自定義下拉控件之一。他們在大多數瀏覽器中看起來都很相似。