Un sapin sans boule, c’est comme un select sans style.

Styliser un select, c’est à ta portée

le html :


   <div class="list1">
      <select >
         <option value="0">Choisir un type </option>
         <option value="1">type 1 </option>
         <option value="2">type 2 </option>
         <option value="3">type 3 </option>
     </select>
  </div>

Le css :


   .list1 {
       width: 260px;
       height: 50px;
       overflow: hidden;
       background: url(http://s1.edi-static.fr/mkme/rectangle.png) no-repeat right top #2a2b3b;
       display: inline-block;
       position: relative;
   }
   .list1 select {
       background: none;
       width: 108%;
       padding: 5px;
       padding-left: 5px;
       font-size: 16px;
       line-height: 1;
       border: 0;
       border-radius: 0;
       height: 50px;
       padding-left: 20px;
       color: #fff;
       cursor: pointer;
}
   .list1 select option {
       padding: 10px 0px 20px 10px;
       border-top: 1px solid grey;
       background-color: #222222;
   }

A bientôt !