Javascript选择的网格系统插件

Javascript Chosen PlugIn with Grid System

本文关键字：系统 插件 网格 选择 Javascript      更新时间：2023-09-26

我已经在我的网页上实现了Chosen插件，它运行得很好。最近，我决定切换到960网格系统，对我的页面进行翻新。不过，当我这样做的时候，Chosen插件中的样式似乎扰乱了网格系统，导致网格上的轮廓从屏幕向左偏离。我有一种感觉，这与网格是如何相对浮动的有关，而插件中的样式只是把它扔掉了。然而，我似乎找不到到底是什么样式导致了这种情况，也找不到我该如何改变它。有没有人对这个插件有任何经验，可以给我建议？我宁愿不必剥去这个插头，因为从功能上来说，它工作得很好！

编辑：虽然，当我点击下拉菜单时，样式看起来很合适。只有当下拉项目未显示时才会显示。

想好了这个。

我不得不将下拉列表的CSS属性更改为display: none，而不是绝对定位-还剩99999像素。

这是我的代码：

.chzn-container .chzn-drop {
  width: 100% !important;
  display: none;
  background: #f6fbfd;
  border: 1px solid #9fbeca;
  border-top: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 900;
  width: 100% !important; /*to line up the right side visually*/
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  -webkit-box-sizing: border-box; 
  -khtml-box-sizing : border-box;
   box-sizing: border-box;

然后我只在这里将值设置为内联：

.chzn-container.chzn-with-drop .chzn-drop {
  left: 0;
  display: inline;
}
相关文章：