将伪类可见性设置为none

时间:2014-12-17 08:19:18

标签: css css3

我有一个上下克拉用于列类排序,包含在伪类(:: after)这个复选框中,它作为模板的一部分。我能够禁用它,但现在我试图一起摆脱它。我发现有一点关于将伪可见性设置为无,但无法让解决方案为我工作,而且我远远不是一个好的CSSer。 我需要其他几列的列分类器,所以我不能完全删除它。

这是我的源代码:

<th width="10%" class="sorting_asc_disabled sorting_desc_disabled sorting_asc"      
    tabindex="0" aria-controls="datatable-basic-markerpage" rowspan="1" colspan="1" 
    style="width: 16px;" aria-sort="ascending" aria-label="
     : activate to sort column ascending">

       <input type="checkbox" id="checkall"></th>
        ::after

以下是:: after:

中包含的内容
media="screen"
.table-sorting .sorting_desc:after, .table-sorting .sorting_desc_disabled:after {
content: '\f0dd';
}

真诚地感谢您的帮助!

编辑: 这是有用的:

 .sorting_desc_disabled:after{
    content: ''!important;
}
.sorting_asc_disabled:after{
        content: ''!important;
}

1 个答案:

答案 0 :(得分:1)

很难用提供的代码诊断一个绝对可行的解决方案,为什么不设置:

content:''

没有内容,插入符号不会显示。

或者,display:none应该起作用,如果不是,则表明存在具有更高特异性的另一个规则或存在冲突。通常情况下,您应该将此作为第一线调查。

您的其他选项可以是visbility:hiddenopacity:0height:0;width:0;overflow:hidden