Question

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

我正在动态地将列表项添加到上面的项目符号列表中。如何为每个列表的href添加样式。

Answer 1

您可以传递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);
}

Answer 2

如果要将listitem动态添加到BulletList，则可以通过这种方式将样式添加到listitem的

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

OR

listItem1.Attributes.Add("style", "YourInlineCss");

Answer 3

试试这个：

File.css：

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

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

.href a:active
{
    color: Green;
}

Code.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";
        }
}

Answer 4

我已经通过添加jQuery选择器事件修复了这个问题。

$("<%=BulletedList1.ClientID%> li a").each(function() { 
    $(this).addClass('ClassName')
});

项目符号列表超链接样式Asp .net

4 个答案: