exhtml
12/2/2016 - 6:06 AM

Bootstrap Custom Select via Selectpicker (Bootstrap select) https://github.com/silviomoreto/bootstrap-select + http://silviomoreto.github.io

Bootstrap Custom Select via Selectpicker (Bootstrap select) https://github.com/silviomoreto/bootstrap-select + http://silviomoreto.github.io/bootstrap-select/

styles.scss
content_copyfile_download
.main-search-select {
  background-color: transparent !important;
  color: white;
  border: 2px solid white;
  box-shadow: none;
  border-radius: 0px !important;
  font-family: $myc_font_panton_bold;
  outline: 0;
  &:focus,
  &:active {
    outline: 0;
  }
}

.bootstrap-select.btn-group .dropdown-menu {
  border-radius: 0px !important;
  background-color: transparent;
  border: 0;
  > li {
    background-color: rgba(white,0.85);
    font-family: $myc_font_panton;
    font-weight: bold;
    &.selected > a,
    > a:hover {
      background-color: aquamarine;
    }
  }
}
scripts.js
content_copyfile_download
$(function () {

  $('.selectpicker').selectpicker();

});
bootstrap-custom-selectpicker.html
content_copyfile_download
<div class="form-group col-sm-4">
  <select class="selectpicker" data-style="main-search-select" data-width="100%">
    <option>Modalidad</option>        
    <option value="">Modalidad 1</option>
    <option value="">Modalidad 2</option>
  </select>
</div>