jQuery CSS-通过模态框自动完成下拉

Question

所以我正在研究使用jQuery进行的自动填充文本输入。不幸的是，此输入位于模式框内，我试图使下拉列表遍历模式框，而不是使用滚动条，但没有成功。

我的CSS：

`.ui-autocomplete { 
position: absolute;
 cursor: default;
 background:white }   


`html .ui-autocomplete { width:1px; } 
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
    z-index:1;   
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}`

Answer 1

如果它是iframe，则将无法执行此操作。如果它是模态内容在同一页面上，则最好的选择是查看模态内容的溢出和大小属性。