Question

我有以下HTML：

<div class="button" id="test1">Login</div>

有没有办法使用jQuery我可以使文本不可见但是还有它占据相同的空间吗？请注意我仍然需要按钮，其彩色背景可见。只是想隐藏文字。这可能吗？

Answer 1

这样做

$('#test1').css('opacity','0');

<强>更新

<div class="button" id="test1"><span>Login</span></div>

$('#test1').children().css('visibility','hidden');

Answer 2

$('.button').css('visibility', 'hidden');

visibility:hidden保持空间不变。

Answer 3

transparent是有效颜色，您可以将其应用于文字：

$('#test1').css('color','transparent');

与评论相关：

将颜色设置为透明并存储原始颜色：

$('#test1')
      .each(function(){var o=$(this);
                       if(!o.data('color')){o.data('color',o.css('color'))}})
        .css('color','transparent');

恢复原始颜色：

$('#test1').css( 'color', function(){return $(this).data('color');} )

我可以在div中制作文本不可见但仍然使用空间吗？

3 个答案: