选择元素不可见

时间:2020-05-24 17:51:07

标签: html css bootstrap-4

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

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/

2 个答案:

答案 0 :(得分:0)

选择元素不能那样工作。要显示“占位符”,您可以将第一个<option>替换为以下内容:

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

答案 1 :(得分:0)

是我的浏览器无法正常工作。我用最新版本升级了firefox,然后重新启动,它可以正常工作。你能消除负号吗?谢谢。帖子已关闭