css - 使用 css 隐藏复选框

Question

我有代码，是我检查得到的:

<td class=ox-list-pair style>
<input type="CHECKBOX" name="ox_CkSurvey_Sport__xava_selected" value="selected:0" onclick="openxava.onSelectElement('CkSurvey','Sport','null','row=0,viewObject=xava_view',this.checked,'ox_CkSurvey_Sport__0',false,'','border-bottom: 1px solid;','',false,false,0,'xava_tab')">
</td>

我试图隐藏复选框，但都没有成功。我的尝试:

input[type=checkbox].ox_CkSurvey_Sport__xava_selected {
     display: none;
}

ox_CkSurvey_Sport__xava_selected {
     display: none;
}

.ox_CkSurvey_Sport__xava_selected input[type="checkbox"]{
     display:none;
}

请注意<td>有效，因为它在 <tr> 中以及<table> .

请帮帮我。谢谢。

Answer 1

您应该阅读 CSS 选择器。

https://www.w3schools.com/cssref/css_selectors.asp

您正试图隐藏类为“ox_CkSurvey_Sport__xava_selected”的复选框，但该类不存在。

你需要这样做:

input[type=checkbox][name=ox_CkSurvey_Sport__xava_selected] {
    display: none;
}