Making A Pre-Rated Star-Rating System

Question

● Excuse the title wording if it's confusing. But anyways, I will keep this short, sweet and simple.
● I have been testing and playing around with code to extend my knowledge and I thought about using this star rating system made by csswizardry (https://jsfiddle.net/csswizardry/G9nup/) who adapted his from Chris Coyier's 2012 star rating system (https://css-tricks.com/star-ratings/) made in February 2012.
● Now, the problem is simply this, I don't actually want the it to change color as it hovers or even be able to change at all. I simply want rate the system myself so that it is already a PRE-rated and uneditable by others if they hover over on even click on it.
● In a nutshell, one like this (https://codepen.io/netzzwerg/pen/uGLkj) where you can't change the star-rating by clicking or hovering over it. It's already PRE-rated.

*Note: The code I was attempting to do this with was the one by csswizardry (https://jsfiddle.net/csswizardry/G9nup/ )*

Answer 1

the code is good 😀

Answer 2

*UPDATE:
● Haha...! I have found a temporary solution by a quite simple method which really has no need of the css in csswizardry's code (see above) at all. Well, for my particular case anyways...
● It involves the use of alternating between these two alt star symbols ( the filled star black star ★ and the unfilled white star ☆. Down below I show this using sololearn...
https://code.sololearn.com/W54bJgfLsZSI/#html