HTML 表单 - 两个选择选项均未显示答案

【问题标题】：HTML Form - Both Select Options not showingHTML 表单 - 两个选择选项均未显示
【发布时间】：2015-08-04 20:29:11
【问题描述】：

我试图在 HTML 表单中编写一个选择/选项框，但是当我查看它时，只显示了一个选项（最近滚动的那个）。

这是我的代码：

HTML：

<form name="quizform">
            <div class="row">
                <div class="col-md-6">
                    <label>1) Do you smoke?</label>
                </div>
                <div class="col-md-6">
                    <select name="smokes?">
                        <option value="yes">Yes</option>
                        <option value="no">No</option>
                    </select>
                </div>
            </div>
        </form>

CSS：
我还没有为表单编写任何 CSS 代码。

问题的图片可以在这里看到：
http://i.stack.imgur.com/lZ9dY.png
http://i.stack.imgur.com/WxYLy.png

顺便说一句：我正在使用 bootstrap.css

【问题讨论】：

我认为某些东西正在改变您选择的选项的字体颜色。尝试检查它以缩小应用样式的范围。
可以向我们展示你的 CSS 吗？默认 CSS 可能有误。
除了默认引导文件之外，您还有其他 CSS 吗？因为您发布的内容不会那样做。
你能分享一个演示链接吗？还是jsfiddle链接？
你真的在使用 bootstrap css 吗？因为在您的图像中，选择输入的样式看起来不像引导输入

标签： html css forms twitter-bootstrap

【解决方案1】：

很明显，您的字体是白色的，背景也是白色的，所以只有当您悬停或滚动或选择一个项目时，可能会将背景颜色更改为蓝色的操作才会显示文本。您需要更改背景或前景色

【讨论】：

完美！谢谢你。完美识别问题。
并且不要将 CSS 添加到您的 html 中。转到您说您正在使用的 bootstrap.css，找到设置背景和前景的内容，并根据需要进行更改。

【解决方案2】：

您的下拉选项的字体颜色和背景一样是白色的，因此只有当您将鼠标悬停在它上面并将背景更改为蓝色时，您才能看到文本。在选择下方添加此 CSS 代码以更改文本选项的颜色。

//CSS

select{
   color: black;
   background-color: white;
}

【讨论】：

完美！谢谢你。完美识别问题。另外，感谢 CSS。
@user2733385 是的，没问题！如果您需要其他帮助，请告诉我。