1

TextBoxAjax Control Toolkit 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ですか？

4

1 に答える 1

3

箇条書きを削除するために必要なのは、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エクステンダーによって箇条書きとして返されるためです。したがって、スタイルをカスタマイズする場合は、それらの箇条書きを確認して非表示にする必要があります。

他の要素と適切に位置合わせする方法を説明するために、マークアップ（質問には含まれていません）を確認する必要があります。

于 2012-06-08T13:19:12.293 に答える