一个很好的css风格的ajax自动完成扩展器

本文关键字：ajax 扩展器 风格 css 一个 很好 | 更新日期: 2023-09-27 17:49:58

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

我可以看到jQuery自动完成有很多样式主题，就像下面的链接(圆角，精心设计的样式等)

  • Link1
  • Link2

如何在AjaxToolKit AutoComplete Extender上设置这样的CssStyle

如果有人知道如何简单地做到这一点，或者有一个很好的风格准备使用

一个很好的css风格的ajax自动完成扩展器

尝试从搜索中的第一个链接，你会得到这个关于如何设置样式的很棒的教程

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"

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

我使用jquery-sew的CSS样式。这里是他们的演示，这里是CSS。

相关文章：