我有一个小问题。
如果我的html中有<select>,并且对其应用了表单控件类,则它在Internet Explorer中看起来很奇怪,而在Chrome中它看起来很棒。

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

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

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

最佳答案

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

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

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

关于css - Internet Explorer中的Bootstrap下拉列表,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24510974/

10-12 00:10
查看更多