Esta es la solución más válida que te podemos aportar, pero primero obsérvala pausadamente y analiza si se puede adaptar a tu proyecto.
Ejemplo: calificación de estrellas html
DOCTYPEhtml><html><head><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><style>.checkedcolor:red;style>head><body><h2>Star Rating By Sameerazh2><spanclass="fa fa-star checked">span><spanclass="fa fa-star checked">span><spanclass="fa fa-star checked">span><spanclass="fa fa-star">span><spanclass="fa fa-star">span>body>html>Te mostramos comentarios y valoraciones
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)