Select Menü mit CSS gestalten

Hallo zusammen, ich möchte ein Select Menü gestalten mit mehreren Optionen. Eigentlich ganz simpel, ich möchte statt den Text, auf den man klickt und das Auswahl Menü öffnet, nur eine Grafik auf die man klickt. Also ich habe eine kleine Grafik (z.B. ein Symbol für Filter), wenn man darauf klickt, öffnet das Menü Mit der entsprechenden Auswahl. Hat man ausgewählt, verschwindet die Auswahl wieder und bleibt. Ganz normal im Hintergrund für das Formular selektiert.

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
    <script src="/js_webseite/jquery.js"></script>
<style>
  .vodiapicker{
  display: none; 
}
#a{
  padding-left: 0px;
}
#a img, .btn-select img{
  /*width: 12px;*/
  width: 29px;
  
}
#a li{
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
#a li:hover{
 background-color: #F4F3F3;
}
#a li img{
  margin: 5px;
}
#a li span, .btn-select li span{
  margin-left: 30px;
    position: relative;
    top: -10px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX