html - 如何使所有内容出现在下拉菜单中?
问题描述
我已经给出了 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>
解决方案
尝试这个
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>
推荐阅读
- facebook - 将 Facebook SDK 登录到 Firebase/Unity 时凭据无效
- hive - Hive 通过 SAS 执行在现有表上创建标志值
- android - 如何使用预先选择的日期使 calendarView 可见但不可编辑
- python - 验证架构中的“必需”失败['properties']['rasa_nlu_data']['properties']['common_examples']['items']['properties']['entities']['items']:
- r - 用gmapsdistance计算R中的旅行时间
- javascript - 在 appium 中拖放更快
- python - 如何使用正则表达式将子字符串分配给变量?
- php - 在将我的 laravel 6 项目上传到 000webhosting 时,出现如下错误:
- python - 根据列绘制不同颜色的线
- spring - 无法连接到 Command Metric Stream。在 Hystrix 仪表板问题中