testing star rating html

by Chris

HTML

<div id=container>
  <div id="stars_vid_19" class="stars"><span class="star_0" style="opacity: 0.2; z-index: 9999;">⭐</span><span class="star_1" style="opacity: 0.2; z-index: 9999;">⭐</span><span class="star_2" style="opacity: 0.2; z-index: 9999;">⭐</span><span class="star_3" style="opacity: 0.2; z-index: 9999;">⭐</span><span class="star_4" style="opacity: 0.2; z-index: 9999;">⭐</span></div>
  <input type='text'>
</div>

CSS

#container {
  background-color: #333;
  width: 50%;
  height: 100%;
}
.stars {
  width: 75%;
  background-color: #303;
  position: flex;
}
span {
  opacity: 1 !important;
  float: left;
  background-color: #30f;
}
input {
  width: 15%;
  float: left;
  background-color: #aac;
}