HTML UL LI CSS : How to change the marker to something other than disc, 正方形、圆形或图像？

Question

网络上充斥着关于如何将 UL LI 标记从点、正方形或圆形以外的东西更改的建议和示例页面。他们中的许多人建议使用 GIF 文件，我不准备这样做。

所有这些示例都有一个共同点:它们在 Firefox 中不起作用。我的意思是，这是非同寻常的!没有一个像声称的那样起作用。

主要建议是使用li:before { content: "(expression)"; };

这是行不通的。当放在<style> </style>里面时都不行, 也不会放在 style="" 里面.

谁能解释一下能带来真正的和将点/正方形/圆形更改为我的东西的真实效果选择？

例如，我们让它成为一个明星 Angular 色。

Answer 1

我找到了一种非常有创意的方法来做到这一点。看看这个开发者用 CSS 做了什么: http://nicolasgallagher.com/pure-css-gui-icons/demo/

在大约一半的“用户交互”下，他使用 CSS 制作了一个星形图标。

这是您要找的吗？

我找到、复制并粘贴了星形图标的代码片段。 http://jsfiddle.net/jChwE/1/