使用自定义CSS进行Jquery自动完成

时间:2015-09-25 13:00:42

标签: javascript jquery css jquery-ui jquery-autocomplete

我正在使用default autocomplete source code。由于我用我自己的css替换jquery-ui.css,我没有能力下拉所有选择框选项,我不知道如何摆脱子弹:

enter image description here

这是我的css:

.ui-autocomplete {
border: 1px solid #ccc;
width: 120px;
border-radius: 3px;
overflow: hidden;
background: #eeeeee;
}

.ui-autocomplete select {
padding: 5px 8px;
width: 120px;
border: none;
box-shadow: none;
background: #eeeeee url("arrow.png") no-repeat 90% 50%;
-webkit-appearance: none;
}

.ui-autocomplete select:focus {
outline: none;

}

.ui-menu .ui-menu-item a.ui-corner-all:hover, .ui-menu .ui-menu-item a.ui-corner-all:focus, .ui-menu .ui-menu-item a.ui-corner-all:active {
background:#ff8a00!important;
color:#000;
border-radius:0;
}

 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background: #ff8a00;
border: none;
color:#000;
border-radius:0;
font-weight: normal;
}

感谢你的帮助。

1 个答案:

答案 0 :(得分:0)

您错过了.ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } 样式

from subprocess import call
call(["C:\\Program Files (x86)\\VMware\\VMware VIX\\vmrun.exe", "start", "< Linux Image Path >" ,"nogui"])

验证图像路径可能位于其他文件夹中,或者只是不存在。

你可以在这里看到一个例子:

http://jsfiddle.net/x67pkxve/1/