Sona Sona - 6 days ago 6
CSS Question

Remove Default round border of <select> element in Mac OS Browser:Chrome

in 'select' element i haven't added border property in CSS of it , and also i have added following CSS in it

.select
{
-webkit-appearance: none;
-webkit-border-radius: 0px;
}


though its showing me round border in Chrome (Mac OS),why it is so ,how can i get over it ?

Answer

You can use like this,

.select{ 
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;   
   -webkit-border-radius: 0;  /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
   -moz-border-radius: 0;  /* Firefox 1-3.6 */     
   border-radius: 0;  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
Comments