css bootstrap下拉菜单看起来不同在IE [英] css bootstrap drop down menu look different in IE
问题描述
但是，当在IE中查看网站时，菜单选项周围有一个黑色边框，下拉菜单按钮看起来不一样。
However, when looking at the site in IE there is a think black border around the menu's options and also the drop down menu button looks different.
请使用IE查看网站 http://getbootstrap.com/css/#forms ，然后使用Chrome你会看到的区别。
If you look at the site http://getbootstrap.com/css/#forms using IE and then using Chrome you will see the difference.
我附上一些屏幕截图也强调了这个问题。
I am attaching some screenshot to also emphasize the issue.
如何通过IE看起来像Chrome？
How can I for this issue by making IE to look like Chrome?
这是菜单在Chrome中的显示效果
下面是选项在Chrome中的显示方式
Here is how the menu look in Chrome Here is how the options look in Chrome
这是菜单在IE中的外观（带箭头的方形）
这是选项看起来在IE（丑陋厚边框）
This is how the menu look in IE (Ugly square with the arrow) This is how the options look in IE (ugly thick border)
推荐答案
每个浏览器呈现UI样式不同。您的网站访问者不太可能一次在多个浏览器中查看您的网站。用户控件是常见的网页元素，您的移动用户会感谢您不要在您的网站上改变他们的移动体验。
Every browser renders UI styles differently. It's unlikely that your website visitors will be viewing your website in more than one browser at a time. User controls are common web page elements and your mobile users will thank you for not screwing their mobile experience on your website.
但是，如果有自定义UI的设计要求控制你将设计一个自定义选择下拉使用HTML，CSS和添加行为层与JavaScript库，如jQuery或使用CSS3如果你不需要支持IE 7 - 9.还要确保它在移动设备，或以特定屏幕分辨率用自然控件替换自定义控件。这将取决于项目的规模和时间约束。
However if there is a design requirement for a custom UI control you'd design a custom select drop-down using HTML, CSS and add behavior layer with a JavaScript library like jQuery or use CSS3 if you don't need support for IE 7 - 9. Also make sure that it works fine on mobile devices, or replace a custom control with a native control at a certain screen resolution. This will depend on a scale of a project and time constraint.
至少可以使用Bootstrap自定义下拉控件之一。在大多数浏览器中，它们看起来很相似。
At the very least you can use one of the Bootstrap custom drop-down controls. They will look similar in most browsers.
这篇关于css bootstrap下拉菜单看起来不同在IE的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
