当页面包含 Google Map 时,修复 IE7 中 CSS / JS 下拉列表的最佳方法是使用第三方库,例如 Selectivizr 和 jQuery UI。这些库可以帮助您在 Internet Explorer 7 中实现 CSS 和 JavaScript 的一些功能,从而修复下拉列表的问题。
以下是使用 Selectivizr 和 jQuery UI 修复 IE7 中 CSS / JS 下拉列表的步骤:
<script src="path/to/jquery.js"></script>
<script src="path/to/selectivizr.js"></script>
.ui-selectmenu-menu {
display: none;
position: absolute;
list-style: none;
padding: 0;
margin: 0;
width: 100%;
background-color: #fff;
border: 1px solid #aaa;
font-size: 14px;
z-index: 1000;
}
.ui-selectmenu-item {
padding: 0.4em 0.8em;
cursor: pointer;
}
.ui-selectmenu-item.ui-selectmenu-selected {
background-color: #eee;
}
.ui-selectmenu-item.ui-selectmenu-hover {
background-color: #eee;
}
selectmenu
方法将下拉列表转换为可修复的下拉列表。例如:
$(document).ready(function() {
$('select').selectmenu();
});
这将使用 jQuery UI 的 selectmenu
方法将所有下拉列表转换为可修复的下拉列表。
通过使用 Selectivizr 和 jQuery UI,您可以在 IE7 中修复 CSS 和 JavaScript 下拉列表的问题,从而使您的页面在 IE7 中正常工作。
领取专属 10元无门槛券
手把手带您无忧上云