css - Internet Explorer 中的 Bootstrap 下拉菜单

Question

我有一个小问题。如果我有 <select>在我的 html 中，我将表单控件类应用于它，它在 Internet Explorer 中看起来很奇怪，而在 Chrome 中看起来很棒。

我的代码最终只是:<select class="form-control"></select>

我可以做些什么来解决这个问题吗？

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

Answer 1

每个浏览器呈现不同的 UI 样式。您的网站访问者不太可能一次在多个浏览器中查看您的网站。用户控件是常见的网页元素，您的移动用户会感谢您没有破坏他们在您网站上的移动体验。

但是，如果有自定义 UI 控件的设计要求，您可以使用 HTML、CSS 设计自定义选择下拉菜单，并使用 JavaScript 库(如 jQuery)添加行为层，或者如果不需要支持，则使用 CSS3 IE 7 - 9。还要确保它在移动设备上工作正常，或者在特定屏幕分辨率下将自定义控件替换为 native 控件。这将取决于元素的规模和时间限制。

至少您可以使用 Bootstrap 自定义下拉控件之一。它们在大多数浏览器中看起来很相似。