不可见的选择元素答案

【问题标题】：A select element that is not visible不可见的选择元素
【发布时间】：2025-11-29 20:35:02
【问题描述】：

我使用引导程序并尝试显示一个选择框。但是选择框不可见。

HTML：

<div class="textAlignCenter">   
        <select  class="selectpicker" placeholder="Situation maritale" formControlName="maritalSituation">
          <option value="" selected></option>
            <option value="MARIE">Marié</option>
            <option value="DIVORCE">Divorcé</option>
            <option value="CELIBATAIRE">Célibataire</option>
            <option value="VEUF">Veuf</option>
        </select>
 </div>

CSS：

.textAlignCenter {
  text-align: center;
  border: 1px solid red;
}

这里是小提琴：https://jsfiddle.net/flamant/awrb4Lxz/3/

【问题讨论】：

究竟什么是不可见的？我可以在小提琴中看到元素很好。
似乎显示..请解释清楚您的问题
我认为我的电脑或浏览器有问题。这是我第二次遇到无法解释的 css 问题

标签： html css bootstrap-4

【解决方案1】：

Select 元素不是这样工作的。要显示“占位符”，您可以将您的第一个 <option> 替换为以下内容：

<option value="" selected disabled>Situation maritale</option>

【讨论】：

【解决方案2】：

是我的浏览器坏了。我用最新版本升级了firefox，然后重新启动它就可以了。请把负号去掉好吗？谢谢你。帖子已关闭

【讨论】：

最好删除问题，因为它可能对未来的读者没有帮助