Skip to content

CSS: Styling Select Button

this is an old trick how to styling select button and also must working (at least) on Chrome,FF & Safari

here you go

 

font: normal 15px Arial;
padding: 8px;
border: 0;
border-radius: 6px;
width: 160px;
color: #616161;
appearance: none;
-moz-appearance: none; /* this is important */
-webkit-appearance: none;/* this is important */
background: #FFF url(../images/arrow_down.png) 131px center no-repeat;
padding-right: 30px;
text-indent: 0.01px; /* this is important escpecially on FF*/
text-overflow: “”; /* this is important¬†escpecially on FF */

Share