如何在引导程序中使用html datalist？

Question

鉴于

<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

如何将bootstrap css应用于此？我只想添加class="form-control"，它将与select元素一样处于同一个时代？但那没用。这个标签不受支持吗？

Answer 1

我无法确认，引导程序4通常不适用于<input> / <datalist>元素。基本上，您仅将选择字段引导程序类应用于输入字段，然后使用输入功能获得选择/下拉字段的外观，例如：

<input list="encodings" value="" class="col-sm-6 custom-select custom-select-sm">
<datalist id="encodings">
    <option value="ISO-8859-1">ISO-8859-1</option>
    <option value="cp1252">ANSI</option>
    <option value="utf8">UTF-8</option>
</datalist>

类似于最近的Firefox：

Answer 2

是的，Bootstrap 4不支持datalist标记。

所以，如果你想使用它，你必须添加自定义css。