How to style the option of an html “select” element?

Answer 1

Leaving here a quick alternative, using class toggle on a table. The behavior is very similar than a select, but can be styled with transition, filters and colors, each children individually.

function toggleSelect(){ 
 if (store.classList[0] === "hidden"){
    store.classList = "viewfull"
  }
  else {
    store.classList = "hidden"
  }
}

#store {
  overflow-y: scroll;
  max-height: 110px;
  max-width: 50%
 }
 
.hidden {
  display: none
 }
 
.viewfull {
  display: block
}

#store :nth-child(4) {
  background-color: lime;
}

span {font-size:2rem;cursor:pointer}

⮋
 

 
keylogger
1526269343113
slow
slow2
Benchmark
modal
buma
1526099371108
1526099371108o
pwnClrB
stars%20u
pwnClrC
stars 
wello
equalizer
pwnClrA