如何在html选择控件中添加水平线？

<style>
  .select-container::after {
    content: "";
    display: block;
    border-bottom: 1px solid #000;
    margin-top: 5px;
  }
</style>

<div class="select-container">
  <select>
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
  </select>
</div>

<style>
  select {
    border: none;
    border-bottom: 1px solid #000;
  }
</style>

<select>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>