html - 如何将文本值替换为星号

Question

我是用户查询回声评级帖子:

<a href="link">title</a><div class='rating'>4.5</div>

如何改变<div class='rating'>4.5</div>开始图像为:

1.5 => 星级 1.5

3 => 开始 3.....通过 css 或任何东西

谢谢

Answer 1

您可以使用 CSS 和 Unicode 字符表示星星。

像这样:

<span class="rating star1">1</span>

使用 CSS(使用生成的内容 - 黑色/全星的十六进制值为 2605，白色星/轮廓仅为 2606):

.rating.star1:before {
    content: '\2605';
    color: red;
}

一个基本的 fiddle :http://jsfiddle.net/r11vgbwd/