Question

我有一个listview，用css设计，但是很有效。我在这里遗漏了一些东西。

<asp:ListView ID="msg_list" runat="server">
   <ItemTemplate>
     <tr class="myitem">
        <td> <asp:Label role="menuitem" ID="msg_lbl" runat="server" text='<%#Eval("msg")%>' /> </td>
     </tr>
     <%--<hr style=" margin-top:1px; margin-bottom:1px; " />--%>
   </ItemTemplate>
  </asp:ListView>

这是css

.myitem  
    {  
       background-color:Red;    
    }

Answer 1

表格行（tr）不能被设计为其他元素（例如表格单元格（td）），这意味着它们不会对每种样式做出反应。为什么不写信：

Fiddle

<asp:ListView ID="msg_list" runat="server">
    <ItemTemplate>
        <table>
            <tr class="myitem">
                <td>
                    <asp:Label role="menuitem" ID="msg_lbl" runat="server" text='<%#Eval("msg")%>' />
                </td>
            </tr>
        </table>
        <%--<hr style=" margin-top:1px; margin-bottom:1px; " />--%></ItemTemplate>
</asp:ListView>



tr.myitem td{
    width:200px;
    height:20px;
    border:2px solid;
    background:red;
}

或

<强> Fiddle

<asp:ListView ID="msg_list" runat="server"> <ItemTemplate> <table> <tr class="myitem"> <td> <asp:Label role="menuitem" ID="msg_lbl" runat="server" text='<%#Eval("msg")%>' /> </td> </tr> </table> <%--<hr style=" margin-top:1px; margin-bottom:1px; " />--%></ItemTemplate>

.myitem { background:red; }

修改

您需要添加 <table> 标记

在asp.net中设置Listview样式

1 个答案: