在jQuery自动完成菜单中的奇怪的白色框

时间:2015-08-27 02:01:45

标签: jquery html css jquery-autocomplete

所以我在CSS中使用自动完成样式时遇到了这个奇怪的问题/问题。如果你看下面的下面的图片,你会发现有这个奇怪的白色块"或"空间"这似乎只是在所有结果的中间。

enter image description here

enter image description here

CSS:

body .ui-autocomplete {
   background-color: rgba(0, 0, 0, 1);
   border: 0px;
   border-radius: 2px;
   position: absolute;
   left: 50%;
   margin-left: -336px;
   display: none;
   outline: none;
   z-index: 1000;
}

body .ui-autocomplete .ui-menu-item .ui-corner-all {
   background-color: rgba(0, 0, 0, 0.7);
   font-family: 'Montserrat', sans-serif;
   font-weight: normal;
   font-size: 14px;
   display: block;
   clear: both;
   line-height: 20px;
   color: #fff;
   outline-color: none;
}

body .ui-autocomplete .ui-menu-item .ui-state-focus {
   background: none !important;
   background-color: none !important;
   border: 0px !important;
}

感谢您的帮助!

0 个答案:

没有答案