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

【问题标题】：How to make all the contents appear in dropdown menu?如何使所有内容出现在下拉菜单中？
【发布时间】：2019-08-08 10:55:07
【问题描述】：

我已经给出了 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>

【问题讨论】：

您的问题出在其他地方。从给定的 HTML 和 CSS，它可以在小提琴中工作。 jsfiddle.net/0xt1yLfh
它正在工作，但我给的图片链接请看它
如图所示，选择的文本颜色设置为白色。如果您命令白色背景上的白色文本，您期望会发生什么？
所以改变颜色：继承；上色：#000；或颜色：黑色；

标签： html css

【解决方案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>

【讨论】：

Sunil 您的答案正确，但存在一个问题。我在 django 工作，我下载了模板并在 main.css 中进行了更改，但它不起作用。我下载的所有文件都来自检查，因为在 django 我将其写为{{form}} 如何处理？
.formclass .select.form-control{ /**style 在这里 **/ }，如果 CSS 不工作，使用 !important