html Bootstrap Custom Select通过Selectpicker（Bootstrap select）https://github.com/silviomoreto/bootstra

Posted 2021-05-11

.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;
    }
  }
}

$(function () {

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

});

<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>