自動完成列表顯示項目符號

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擴展項目符號列表返回 - 因此，如果您自定義風格，你需要確保並隱藏這些子彈。

爲了告訴你如何與其他元素正確對齊，我需要看到你的標記（這不包括在你的問題中）。