2 
<asp:BulletedList ID="BulletedList1" runat="server" DisplayMode="HyperLink" style="list-style :none" >

上記の箇条書きリストにリスト項目を動的に追加しています。各リストの href にスタイルを追加する方法。

4

4 に答える 4

3

css-class属性を渡すことができます。

宣言的に：

<style>   
    class1 {  text-decoration:none; font-weight:bold; color:#e00000; }
    ... 
</style>

<asp:BulletedList ID="BulletedList1" DisplayMode="HyperLink" runat="server">
  <asp:ListItem class="class1">a</asp:ListItem>
  <asp:ListItem class="class2">b</asp:ListItem>
</asp:BulletedList>

プログラムで：

protected void Page_Load(object sender, EventArgs e)
{
   ListItem listItem = new ListItem("c");
   listItem.Attributes.Add("class", "class1");
   BulletedList1.Items.Add(listItem);
}
于 2012-08-26T20:34:37.120 に答える
1

リストアイテムをBulletListに動的に追加する場合は、この方法でリストアイテムにスタイルを追加できます。

listItem1.Attributes.Add("Class", "NameOfTheClass");

また

listItem1.Attributes.Add("style", "YourInlineCss");
于 2012-08-26T20:36:30.780 に答える
0

jQueryセレクターイベントを追加することでこれを修正しました。

$("<%=BulletedList1.ClientID%> li a").each(function() { 
    $(this).addClass('ClassName')
});
于 2012-08-26T22:17:07.093 に答える
0

これを試して：

ファイル.css:

.href a:link a:visited
{
    color: Red;
}

.href a:hover
{
    color: Yellow;
    text-decoration: none;
}

.href a:active
{
    color: Green;
}

コード.aspx:

<asp:BulletedList ID="BulletedList1" runat="server" 
        DataSourceID="SqlDataSource1" DataTextField="nome" DataValueField="id" 
        DisplayMode="HyperLink" CssClass="href">
    </asp:BulletedList>

インタラクティブなバージョン:

for (int i = 0; i < BulletedList1.Items.Count; i++)
{
        if (i % 2 == 0)
        {
            BulletedList1.Items[i].Attributes.CssStyle.Value = "href";
        }
        else
        {
            BulletedList1.Items[i].Attributes.CssStyle.Value = "other";
        }
}
于 2012-08-26T20:56:40.260 に答える