<td class="col" style="display:none">AAA
<span prop="1" class=" clear-icon " style=""></span>
</td>
純粋な CSS を使用してテキスト「AAA」を非表示にし、span ボタンを表示したいです。純粋な CSS でこれを行う方法はありますか?
ベストアンサー1
デザインがあまりレスポンシブでない場合は、内側の固定フォント サイズを設定するだけで済みますspan
。次のようなすっきりした解決策があると思います。アイデアとしては、font-size
をにtd
設定する0
と、テキスト ノードが完全に非表示になります。
.col[style*="display:none"] {
display:table-cell!important;
font-size:0;
}
.col > span {
font-size:20px;
}