Styled Select Box

styled-select.html

    <select class="styled-select">
      <option class="red">Cooperation </option>
      <option class="blue">Competence </option>
    </select>
    </p>

    <style>
      .styled-select {
      font-size: 1.4em;
      color: #DCDCDC;
      padding-left: 50px;
       width: 200px;
       height: 34px;
       overflow: hidden;
       background: url(http://nelsonic.s3.amazonaws.com/enlarge-image/img/select-icon.png) no-repeat left white;
      background-size: 34px 34px;
       border: 1px solid #ccc;
       -webkit-appearance: none;
       border-radius: 0px;
     }
     .styled-select:active {
      background: url(http://nelsonic.s3.amazonaws.com/enlarge-image/img/select-icon-active.png) no-repeat left white;
      background-size: 34px 34px;
     }
    </style>