2

だから私はとても単純であるべきだと思うことをするのにかなりの時間を費やしています。

<asp:ListBox />スタイルを設定したい要素があります。デフォルトでは、特に境界線がひどいように見えると思います。

ただし、CSS で有効になる属性はほとんどないようです。最も顕著なのは、境界線を削除できないことです。

警告は、他の最新のブラウザーだけでなく、IE8 と IE7 で動作する必要があることです。

このサンプル サイトには美しいリストボックス要素がありますが、それらに近づくことはできません。

何かご意見は？

HTMLは次のとおりです。

<asp:ListBox ID="ListBox1" runat="server" SelectionMode="Multiple" AutoPostBack="true"
    onselectedindexchanged="ListBox1_SelectedIndexChanged" CssClass="myListBox" >
    <asp:ListItem>ITEM 1</asp:ListItem>  
    <asp:ListItem>ITEM 2</asp:ListItem>  
    <asp:ListItem>ITEM 3</asp:ListItem>  
    <asp:ListItem>ITEM 4</asp:ListItem>  
</asp:ListBox>

そしてCSS：

.myListBox
{
    border-style:none;
    border-width:0px;
    border: none;
    font-size:12pt;
    font-family:Verdana;
}
4

2 に答える 2

1

CSS クラスにタイプミスがあります

CssClass="myListbox"

する必要があります

CssClass="myListBox"

次に、実際のオプションにスタイルを適用できます。

.myListBox option {
    background-color: #FFFF00;
    color: #FF0000;
}

ただし、これはすべてのブラウザーで同じように機能するわけではありません。したがって、独自のニーズに合わせて微調整するか、サードパーティのプラグイン (jquery ui オプションを参照) のようなまったく異なるアプローチを取るか、Peri が述べたように独自のものを構築する必要があります。

1 つのオプションは、 ThemerollerでスタイルできるjQuery UI Multiselectです。

ニーズに合わせて独自の/異なるアプローチをカスタマイズして遊んでみたいだけかもしれませんが。

于 2012-12-06T21:55:23.163 に答える
0

例のサイトはリストボックスを使用しておらず、html の順序付けられていないリストを使用しているだけです。おそらく、彼らが ASP.NET ListBox コントロールで行ったことを達成することはできません。独自のコントロールを作成し、必要に応じてレンダリングする必要があります。

于 2012-12-06T21:24:26.027 に答える