css - asp.net 中的样式 ListView

Question

我有一个用 css 设置样式但不起作用的 ListView 。我在这里遗漏了什么吗？

<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))，这意味着它们不会对每种样式使用react。你为什么不写:

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> 标签