javascript - 保留列表样式时删除 li 文本

Question

我有一个使用缩进点的列表样式的无序列表。我想保留这些点，但从 View 中删除文本。我最初猜测我可以简单地设置 text-indent:-999px; 但这也删除了点。

有什么建议吗？

我知道如果 li 中的文本设置为   会起作用，但这感觉像是作弊。

HTML

<div id="page_nav">
  <ul>
    <li class="showlink" id="show_one">PAGE ONE</li>
    <li class="showlink" id="show_two">PAGE TWO</li>
    <li class="showlink" id="show_three">PAGE THREE</li>
  </ul>
</div>

CSS

#page_nav ul{
    margin:0;
    display:block;
}
#page_nav li{
    width:15px;
    height:15px;
    margin:0 0 0 5px;
    float:left;
    font-size:3.5em;
}

Answer 1

<li><span class="list_item">Item</span></li>

.list_item { display: none; }

一些关于你为什么隐藏文本的上下文将有助于回答这个问题