c# - 一个不错的 ajax 自动完成扩展器的 css 样式

Question

我真的很想继续使用我当前通过 完成的自动完成实现ajax toolkit，因为通过 C# 实现它相对容易。

我可以看到 jQuery 自动完成有很多样式主题，比如下面的链接（圆角、精心设计的样式等）

• 链接1
• 链接2

我怎么能在 上设置这样的 CssStyle AjaxToolKit AutoComplete Extender？

如果有人知道如何简单地做到这一点，或者有一个很好的风格可以使用，甚至是一个链接，我将非常感激。

Answer 1

尝试搜索中的第一个链接，您将获得有关如何设置样式的精彩教程

AjaxToolKit AutoComplete Extender

http://vijaysinghnegi.blogspot.com/2012/04/best-css-style-for-autocomplete.html

jquery 之所以看起来如此时尚，是因为它们为它提供了默认样式

但是 AjaxToolKit AutoComplete Extender你必须使用 CSS 让它看起来像你想要的那样

<style type="text/css">
    /*AutoComplete flyout */
    .completionList {
        border: solid 1px #444444;
        margin: 0px;
        padding: 2px;
        height: 100px;
        overflow: auto;
        background-color: #FFFFFF;
    }

    .listItem {
        color: #1C1C1C;
    }

    .itemHighlighted {
        background-color: #ffc0c0;
    }
</style>

 CompletionListCssClass="completionList"
 CompletionListHighlightedItemCssClass="itemHighlighted"
 CompletionListItemCssClass="listItem"

Answer 2

我创建了一个Meteor 自动完成扩展器，它允许自由文本和多个自动完成源。Meteor 的数据模型允许使用自定义渲染列表进行快速多规则搜索。

我使用了jquery-sew的 CSS 样式。在此处查看他们的演示或在此处查看 CSS。