DataList 未显示在输入 [HTML] 中

Question

您好，我在 html 中遇到 DataList 问题，如果我将整个网站居中，输入中的下拉菜单不会显示。

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body style="text-align: center;">
    <input list="test">
    <datalist id="test">
        <option value="1"/>
        <option value="2"/>
        <option value="3"/>
        <option value="4"/>
        <option value="5"/>
    </datalist>
</body>
</html>

知道如何修复它 ;) 顺便说一下 bootstrap 中的 class 让它看起来很酷？ ;)

Answer 1

你好，你用的是什么浏览器？尝试 reproduce 您所看到的，一切正常。

DataList 未显示在输入 [HTML] 中

DataList doesn't show in input [HTML]

html

web

bootstrap-4