html - <ol> 数字另一种颜色

标签 html css colors html-lists

<ol>
   <li>test</li>
   <li>test</li>
</ol>

将显示为:

  1. 测试
  2. 测试

我想要数字彩色和黑色文本!

我可以编辑 css,但我无权访问 HTML。

最佳答案

CSS spec给出了一个这样做的例子。不幸的是,虽然它适用于 Firefox 3,但它似乎不适用于 IE7:

<html>
<head>
    <style>
        ol { counter-reset: item; }
        ol li { display: block; }
        ol li:before {
            content: counter(item) ". ";
            counter-increment: item;
            color: red;
        }
    </style>
</head>
<body>
    <ol>
        <li>item</li>
        <li>item</li>
        <li>item</li>
    </ol>
</body>
</html>

关于html - <ol> 数字另一种颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/488830/

相关文章:

javascript - 通过 jQuery : image won't refresh 更改 img src

html - HTML/CSS 中条形图的缩放问题

html - IE 和 Firefox 溢出问题/错误?

vb.net - 富文本框中的简单文本颜色

python - PIL 旋转图像颜色(BGR -> RGB)

javascript - 使用 JS 和 HTML 的 UI 差异

javascript - HTML : draw table using innerHTML

html - 旋转和对齐 div

html - 用 float 定位元素?..没有用

java - 为 Julia 集生成自定义调色板