IE引导下拉菜单在IE中看起来不同

Question

我正在使用css bootstrap 3.2.0

然而，当在IE浏览器中查看网站时，菜单选项周围会出现黑色边框，下拉菜单按钮看起来也不同。

如果您使用IE查看网站http://getbootstrap.com/css/#forms，然后使用Chrome，您会发现不同之处。

我附上一些截图也强调了这个问题。

如何通过让IE看起来像Chrome来解决这个问题？

以下是Chrome中菜单的外观 以下是Chrome中的选项外观

这是菜单在IE中的样子（带箭头的丑陋方块） 这是IE中选项的外观（丑陋的粗边框）

Answer 1

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

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

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