asp.net - 在 TreeView 上设置复选框的样式

Question

我有一个包含 TreeView 的 div，如下所示：

<div style="position: relative; left: 0px; top: -160px;" class="TreeView">
    <asp:TreeView ID="TreeView1" runat="server" ImageSet="Simple" ShowLines="True" ShowCheckBoxes="All">
    </asp:TreeView>
</div>

如果我有以下风格：

#cpMainContent_TreeView1n0CheckBox {
    margin: 0;
    padding: 0;
    width: 10px; 
}

我的复选框以我想要的方式显示，但我真的希望 TreeView 中的所有复选框都具有相同的样式，我尝试过：

.TreeView.input[type="checkbox"] {
    margin: 0;
    padding: 0;
    width: 10px;
}

但它不起作用。我究竟做错了什么？

Answer 1

好的，从您的代码中我会说您应该编写以下 CSS

.TreeView input[type="checkbox"] {
    margin: 0;
    padding: 0;
    width: 10px;
}

Answer 2

使用空格字符获取子成员。如果TreeViewIDcpMainContent_TreeView1在浏览器中，请尝试以下操作：

#cpMainContent_TreeView1 input[type="checkbox"] {
    margin: 0;
    padding: 0;
    width: 10px; 
}