设置非数字列表值

Question

我有一个列表，我在<ol>标记中为via代码设置自定义数值：

<li value="123">Text Here</li>

然而，有时值是空的，我需要它显示为NNO或显示完全不显示（空白值）;但事实证明这很难做到。

如果我将其留空，则会对列表进行正常编号，如果我将NNO作为值，则会执行相同的操作。

有没有办法在这里做我想做的事情？如果重要，我的doctype为html5。

编辑要清除它，虽然数值有时可能为空，但li标记之间的文本输出将始终存在;所以我正在寻找的输出将是这样的..

123. Text Here
NNO. Text Here
128. Text Here

Answer 1

只需将具有非数值的元素的列表样式设置为list-style:none即可显示无值。

看到这个jsfiddle

http://jsfiddle.net/bpFgS/

Answer 2

实际上li元素只在其value属性中接受integers，因此不可能仅通过li来实现。

根据您的布局，您只需移除list-style并在span之前添加自己的“价值”，然后再显示其内容。

Answer 3

尝试将数据包装在<span>中的列表条目中，并在值为空时隐藏它们。

li[value=""] span
{
    visibility: hidden;
}

http://jsfiddle.net/26z4W/2/

...虽然这可以隐藏文本而不是列表项目符号或数字，但我刚才意识到这是你想要的。公鸡的答案适用于此。

---

根据Rooster的回答，这是一种方法，但支持使用"NNO. "（使用li[value=""]:before {content: "NNO. "}）而不是空白。

http://jsfiddle.net/26z4W/

不幸的是，似乎没有浏览器实现::marker，但如果他们最终做到这样会使这样的事情变得更容易。