Convert dropdown to selection boxes with color and trigger drop down action

Question

Please help to convert this drop down to selection box with color like white box, black box etc [not check box] .

So that page is loading , instead of showi

Answer 1

Here is the CSS:

select option[value="black"]{
   color:#fff;
    background: black;
}

select option[value="white"]{ 
color:#000;
    background: white;
}
select option[value="red"]{
   color:#fff;
    background: red;
}

  

    

      

        Available Colors
      
      

        
          Choose an option
          Black
          White
          Red
        
      
    
  

But, I suggest that you just add selected="selected" to only value="".