styling select to match specific design

2019-09-18 18:27发布

问题:

I need assistance from you CSS gurus on styling this select. I am using Jquery easydropdown and have specific look in mind. I am very close. Please check out my code here

Here is the start of my code

/*My Dropdown css */
.dropdown {    
  margin: 0 auto;
    width: 210px !important;
    margin-bottom: 10px;
}
.dropdown li{
    color: #f08800 !important;
    background: #f3f3f3;
    font-size: 13px;
}
.dropdown li.active{
    color: white !important;
    background-color: #f08800;
}

The rest can be found in the codepen project I put together.

Attached is the image of what I am looking for

Thanks!

标签: css3 select