2

コンボックス

ajaxcontroltoolkit コンボックスを取得しました。どういうわけか、ドロップダウンが左側に表示されません (画像を参照)。

.Net コード

<ajaxToolkit:ComboBox ID="cbState" runat="server" AutoPostBack="true" DropDownStyle="Dropdownlist" AutoCompleteMode="None" ItemInsertLocation="Append" CssClass="searchcontentCombobox" />

CSS

.searchcontentCombobox .ajax__combobox_inputcontainer {}
.searchcontentCombobox .ajax__combobox_textboxcontainer input {border:0;width:160px;height:22px;padding:3px 10px 3px 7px;background:#1f1f1f;color:#fff;}
.searchcontentCombobox .ajax__combobox_buttoncontainer button {border:0;background:url(../img/menu_searchcontent.gif) no-repeat center right;}
.searchcontentCombobox .ajax__combobox_itemlist {}

何か案が？

4

3 に答える 3

8

このcssは、ドロップダウンリストを整列させるのに役立ちました。

.ajax__combobox_itemlist
{
    position:fixed !important;
}
于 2012-11-15T23:03:48.733 に答える
4

コンボボックスをdivに配置しました。div には配置設定がありません。

次に、これをスタイルシートに入れます：

.ajax__combobox_itemlist
{
    position:relative !important; 
    height: 100px !important;
    overflow: auto !important;
    top: 0px !important;
    left: 0px !important;
}

ポップアップするドロップダウン リストは、div の左上隅にバインドされます。

于 2012-07-19T16:20:23.943 に答える
0

私にも似たようなことがありました。ie8 が doctype 宣言にあることを確認するために、メタ タグを追加する必要がありました。開発者ツールバーまたは firebug を使用して、同じ問題が発生しているかどうかを確認できます。Doctype を変更して ie8 をエミュレートすると、すべて問題ありませんでした。

于 2012-05-09T00:18:40.410 に答える