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

wljmcqd8  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(2)|浏览(129)

我试图在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代码。
问题图像:
x1c 0d1x

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

vptzau2j

vptzau2j1#

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

ttygqcqt

ttygqcqt2#

下拉选项的字体颜色和背景颜色都是白色的,因此只有当您将鼠标悬停在下拉选项上时,背景颜色才会变为蓝色,您才能看到文本。在下面的选择框中添加此CSS代码,以更改文本选项的颜色。
//CSS格式

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

相关问题