CSS: creare elementi select personalizzati

CSS: creare elementi select personalizzati

Grazie ai CSS3 è oggi possibile stilizzare una select box con facilità.

Utilizzeremo la proprietà appearance per eliminare gli stili predefiniti dei browser:


select {
   background: transparent url(images/icon-selectbox.png) no-repeat 95% 50%;
   padding: 5px;
   min-width: 90px;
   font-size: 16px;
   line-height: 1;
   border: 1px solid #ddd;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   appearance: none;
   padding-right: 28px;
}

Torna su