Css 带有自动完成功能的文本框不'；在MVC4中不显示布局

我用ASP.NETMVC4、Javascript和JSON制作了一个带有自动完成功能的文本框。 我想给自动完成一个很好的布局，但它不会工作。 项目中自动存在一个css文件jquery.ui-autocomplete.css

这是我填清单的地方

有人能帮我改变自动完成的布局吗

---

提前感谢

如果您想更改jQuery UI的默认样式，您有几个选项

1。覆盖默认css

CSS按照最后一次声明的顺序进行计算，这意味着最后定义的规则获胜。您可以添加覆盖jQuery UI样式表中定义的样式的规则。将您的规则添加到另一个CSS文件中，并在jQueryUICSS文件的链接之后放置一个指向该文件的链接

<link href="~/Content/jquery.css" rel="stylesheet" type="text/css" />
<link href="~/Content/overrides.css" rel="stylesheet" type="text/css" />

加：

$（文档）.ready（函数（）{
$（'.ui autocomplete'）.addClass（'myClass'）；
$（'.ui自动完成'）。自动完成({
来源：'@Url.Action（“autocompletegeenten”）'
});
});

---

您是否有关于更改控件外观的问题？如果是这样的话，你应该改变你问题的格式。他想说他不能在自动生成的自动完成列表中添加一些css。

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $('.ui-autocomplete').autocomplete({
            source: '@Url.Action("AutocompleteGemeenten")'
            });
</script>

public ActionResult AutocompleteGemeenten(string term)
        {
            List<string> items = new List<string>();

            items = _zoekClient.GetGemeenten();

            List<string> filteredItems = new List<string>();

            filteredItems = items.Where(test => test != null && test.ToLower().Contains(term.ToLower())).ToList();

            return Json(filteredItems, JsonRequestBehavior.AllowGet);
        }

.ui-autocomplete { position: absolute; cursor: default; }   
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.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;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

<link href="~/Content/jquery.css" rel="stylesheet" type="text/css" />
<link href="~/Content/overrides.css" rel="stylesheet" type="text/css" />

.myClass {      
  display:block;
  float: left;
}

<script type="text/javascript" language="javascript">
$(document).ready(function () {
    $('.ui-autocomplete').addClass('myClass');
    $('.ui-autocomplete').autocomplete({
        source: '@Url.Action("AutocompleteGemeenten")'
    });
});