pablocattaneo
1/13/2016 - 4:50 PM

Custom select more info: http://bavotasan.com/2011/style-select-box-using-only-css/ http://stackoverflow.com/questions/8430279/how-to-style-

Custom select more info: http://bavotasan.com/2011/style-select-box-using-only-css/ http://stackoverflow.com/questions/8430279/how-to-style-the-option-with-only-css

custom_selects.html
content_copyfile_download
<div class="styled-select">
   <select>
      <option>Here is the first option</option>
      <option>The second option</option>
   </select>
</div>
custom_selects.css
content_copyfile_download
.styled-select{
   width: 100%;
   overflow: hidden;
   background: url('images/la-plaza-de-tu-mascota/arrow-dropdown.png') no-repeat right transparent;
   border: 1px solid #ccc;
}
.styled-select select {
   background: transparent;
   width: 100%;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
}
/* for IE 11 */
.styled-select select::-ms-expand {
    display: none;
}