title: Remove Default round border of <select> element in Mac OS Browser:Chrome
body: <p>in 'select' element i haven't added border property in CSS of it , and also i have added following CSS in it</p>
  
  <pre><code>    .select
       {
        -webkit-appearance: none;
        -webkit-border-radius: 0px;
       }
  </code></pre>
  
  <p>though its showing me round border in Chrome (Mac OS),why it is so ,how can i get over it ?</p>