我有一个小问题。
如果我的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/