css - 我的复选框列表中的这些行是什么？

Question

我正在使用一个复选框列表，在每个列表项上似乎都有某种线条穿过复选框和文本下方。我试过告诉它没有边界，但那什么也没做。我不确定除了边界之外还有什么。只有当我将它放在表格的单元格中时才会发生。什么属性或 CSS 可以帮助我删除它？

<td style="border: none; font-weight: bold; vertical-align: middle;" class="grid_1";>
                    <h6>Regions:</h6>
            <asp:CheckBoxList ID="chkbxliRegions" TextAlign="Right" runat="server" Font-Size="Small">

                <asp:ListItem>AMER</asp:ListItem>
                <asp:ListItem>APAC</asp:ListItem>
                <asp:ListItem>EMEA</asp:ListItem>


            </asp:CheckBoxList>
                </td>

在浏览器中检查元素时，复选框列表看起来像是创建了自己的表格，这可能就是造成这种情况的原因。我不知道如何解决它。

Answer 1

尝试通过添加此 CSS 来删除 td 和 tr 边框:

#ContentPlaceHolder1_chkbxliRegions tr,
#ContentPlaceHolder1_chkbxliRegions td {border:none!important;}