#e8e8e8
1.rating { 2 display: flex; 3 flex-direction: row-reverse; 4 /* Reverse the order of the stars */ 5 font-size: 0; 6 /* Remove the space between the elements */ 7} 8 9.rating input[type="radio"] { 10 display: none; 11 /* Hide the radio buttons */ 12} 13 14.rating label { 15 font-size: 30px; 16 color: rgba(187, 183, 183, 0.726); 17 /* Empty star color */ 18 margin: 0 2px; 19 cursor: pointer; 20} 21 22.rating label:before { 23 content: "\2605"; 24 /* Unicode character for filled star */ 25} 26 27.rating input[type="radio"]:checked ~ label:before { 28 content: "\2606"; 29 /* Unicode character for empty star */ 30 color: #016bf5; 31 /* Filled star color */ 32} 33
697 views
697 views
Comments
MIT License