如何使所有内容出现在下拉菜单中？

Question

我给出了HTML和CSS代码，但每当我单击下拉菜单时，选项就会出现，但它们会隐藏，直到我将鼠标悬停在该特定项目上。只出现悬停的项目。

​

​

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: rgba(255, 255, 255, 0.075);
  border-radius: 4px;
  border: none;
  border: solid 1px rgba(255, 255, 255, 0.25);
  color: inherit;
  display: block;
  outline: 0;
  padding: 0 1em;
  text-decoration: none;
  width: 100%;
}

<select name="payment_method" class="select form-control" required="" id="id_payment_method">
  <option value="">-------</option>
  <option value="easypaisa" selected="">EasyPaisa Number</option>
  <option value="jazzcash">Jazzcash Number</option>
</select>

​

Answer 1

尝尝这个

​

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: rgba(255, 255, 255, 0.075);
  border-radius: 4px;
  border: none;
  border: solid 1px rgba(255, 255, 255, 0.25);
  color: #000;
  display: block;
  outline: 0;
  padding: 0 1em;
  text-decoration: none;
  width: 100%;
}

<select name="payment_method" class="select form-control" required="" id="id_payment_method">
  <option value="">-------</option>
  <option value="easypaisa" selected="">EasyPaisa Number</option>
  <option value="jazzcash">Jazzcash Number</option>
</select>

​