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

One Comment

  1. appearance: none;
    -moz-appearance: none; /* this is important */
    -webkit-appearance: none;/* this is important */
    text-indent: 0.01px; /* this is important escpecially on FF*/
    text-overflow: “”; /* this is important escpecially on FF */

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.