在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

使用空格字符来获取子成员。如果浏览器中TreeView ID为cpMainContent_TreeView1，请尝试此操作：

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