html - 对单选按钮使用 Font Awesome 星级评分

Question

我尝试加载一些很棒的字体 css 来显示星级而不是默认的单选按钮。

我将其用于使用星级的 Magento 网上商店。
默认代码是动态的，如下所示:

            <?php foreach ($this->getRatings() as $_rating): ?>
                <tr>
                    <th><?php echo $this->escapeHtml($_rating->getRatingCode()) ?></th>
                <?php foreach ($_rating->getOptions() as $_option): ?>
                    <td class="value"><input type="radio" name="ratings[<?php echo $_rating->getId() ?>]" id="<?php echo $this->escapeHtml($_rating->getRatingCode()) ?>_<?php echo $_option->getValue() ?>" value="<?php echo $_option->getId() ?>" class="radio" /><label class = "full" for="<?php echo $this->escapeHtml($_rating->getRatingCode()) ?>_<?php echo $_option->getValue() ?>"></label></td>
                <?php endforeach; ?>
                </tr>
            <?php endforeach; ?>

我试过这个 JSFiddle，但我无法完成它，它会根据评论填充星星。所以输入 5 将填充 5 颗星。也是； http://codepen.io/jamesbarnett/pen/vlpkh

我做错了什么？

https://jsfiddle.net/tLj2ybnu/7/

Answer 1

https://jsfiddle.net/tLj2ybnu/4/

改变:

.rating > label:before

收件人:

.rating label:before