Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery使用自定义CSS自动完成_Javascript_Jquery_Css_Jquery Ui_Jquery Autocomplete - Fatal编程技术网

Javascript Jquery使用自定义CSS自动完成

Javascript Jquery使用自定义CSS自动完成,javascript,jquery,css,jquery-ui,jquery-autocomplete,Javascript,Jquery,Css,Jquery Ui,Jquery Autocomplete,我在和警察一起工作。因为我用自己的css替换了jquery ui.css,所以我无法下拉所有的选择框选项,也不知道如何去掉项目符号: 这是我的css: .ui-autocomplete { border: 1px solid #ccc; width: 120px; border-radius: 3px; overflow: hidden; background: #eeeeee; } .ui-autocomplete select { padding: 5px 8px; width: 120

我在和警察一起工作。因为我用自己的css替换了
jquery ui.css
,所以我无法下拉所有的选择框选项,也不知道如何去掉项目符号:

这是我的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;
}

感谢大家的帮助。

您缺少
.ui菜单
样式

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}
验证映像路径是否在其他文件夹中或不存在

您可以在此处看到一个示例:


Hi--如果您能在jsfiddle.net上创建一个演示,您可能会得到更快/更好的响应。@TonyHinkle这里:正如您所看到的,当jquery ui被禁用时,我的css是正常的,但一旦您检查它,我的css就停止工作了。您好,我希望首先能提供帮助:您有添加样式列表样式:在类中无第二:元素图标是一个按钮验证此元素+1是的先生缺少样式解决了第一个问题,现在没有项目符号:)对于第二个问题,它不是路径问题,因为整个bloc
.ui自动完成选择{}
似乎没有解释(即使背景是白色的)。你能发布你的html吗?我已经在answer@kamus你的例子(和我的一样)只适用于小提琴。我认为当您启用jquery ui时,它只是继承了一些css或其他东西。。。