select 样式美化

 <div class="content-box">
          <select class="select">
            <option value="" disabled selected style="display: none">Please Choose</option>
            <option>18岁以下</option>
            <option>18-28岁</option>
            <option>28-38岁</option>
            <option>38岁以上</option>
          </select>
        </div>

select {
  padding: 8px;
  width: 100%;
  border: none;
  border-radius: 6px;
  background: #F7F8FA;
}

select:focus-visible {
  outline: none;
}

select::-ms-expand {
  display: none;
}

select option {
  border: none;
  color: #777777 !important;
  font-family: Arial;
}

select::selection {
  background: #B7E1FF;
}