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

Question

我有一个TextBox与Ajax控件工具包AutoCompleteExtender，我有一些格式问题。

如果我省略了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扩展项目符号列表返回 - 因此，如果您自定义风格，你需要确保并隐藏这些子弹。

为了告诉你如何与其他元素正确对齐，我需要看到你的标记（这不包括在你的问题中）。