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

在HTML选择控件中添加水平线可以通过使用CSS样式来实现。以下是一种常见的方法：

使用CSS伪元素来添加水平线。可以通过为选择控件的父元素添加一个伪元素，并设置其样式为水平线。

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

在上面的示例中，我们为选择控件的父元素添加了一个类名为"select-container"，然后使用CSS的::after伪元素为该父元素添加了一个水平线。

使用CSS边框样式来模拟水平线。可以通过设置选择控件的边框样式为底部边框来模拟水平线。

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

在上面的示例中，我们使用CSS的border-bottom属性将选择控件的底部边框设置为水平线。

以上是两种常见的方法来在HTML选择控件中添加水平线。根据具体的需求和设计风格，你可以选择适合的方法来实现。