显示项目符号的自动完成列表

Question

我有一个带有 Ajax 控件工具包 AutoCompleteExtender 的 TextBox，但我遇到了一些格式问题。

如果我省略了CompletionListCssClass、CompletionListItemCssClass、CompletionListHighlightedItemCssClass 值，则显示正常。但我只需要将自动完成文本左对齐，TextBox 的大小。

如果我在 site.css 中设置这些值：

.autocomplete_listItem
{
    background-color: #222;
    color: #cfdbe6;
}

.autocomplete_highlightedListItem
{
    background-color: #999;
    color: #111;
}

.autocomplete_completionListElement
{

}

然后我在列表中列出项目符号。

如何使项目符号不显示，将列表对齐在TextBox 的正下方，列表项左对齐，以及与TextBox 匹配的大小？

Answer 1

要删除项目符号，您只需将list-style-type:none 添加到您的每个类：

.autocomplete_listItem
{
    background-color: #222;
    color: #cfdbe6;
    list-style-type:none;
}

.autocomplete_highlightedListItem
{
    background-color: #999;
    color: #111;
    list-style-type:none;
}

.autocomplete_completionListElement
{
    list-style-type:none;
}

这是因为 AJAX 扩展程序将自动完成结果作为项目符号列表返回 - 因此，如果您自定义样式，则需要确保并隐藏这些项目符号。

为了告诉您如何将其与其他元素正确对齐，我需要查看您的标记（您的问题中不包含该标记）。