为什么组合框不显示任何内容？

Question

我正在使用combobox（选择）来显示国家。我使用Bootstrap进行此操作。

这是代码

<select class="form-control form-control-user" id="inputCountry" name="country" placeholder="Country">
  <option value="NL">Netherlands</option>
  <option value="BE">Belgium</option>
  <option value="LX">Luxembourg</option>
  <option value="GR">Greece</option>
  <option value="NO">Norway</option>
</select>

当我进入浏览器时，我的combobox是空的。当我单击它时，我可以看到条目。当我选择一个条目时，combobox中什么也没有显示。当我尝试回显combobox的值时，会得到该值，因此这是一个视觉问题。

删除1个类（form-control或form-control-use）将解决此问题，但是我想要的设计迷路了。

有什么办法可以解决这个问题？

Answer 1

我已经尝试过您的代码块，并且它可以正常工作。

这是我做了一些修改的JSFiddle链接：

https://jsfiddle.net/mw5904uf/

在这里，我创建了form-control-user CSS类。我不确定这就是您想要的。无论如何，请确保按照Charlene所说正确链接了CSS和JS文件。

此外，由于您的占位符不起作用，我通过添加另一个选项对其进行了修改。