Question

我试图用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

BTW：我正在使用bootstrap.css

Answer 1

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

Answer 2

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

// CSS

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

HTML表单 - 两者都没有显示选项

2 个答案: