给定以下代码:
<label for="myBrowser">Choose a browser from this list:</label>
<input list="browsers" id="myBrowser" name="myBrowser" />
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Internet Explorer">
<option value="Opera">
<option value="Safari">
<option value="Microsoft Edge">
</datalist>
呈现以下 UI:
可以添加哪些 CSS 而不更改 HTML 和不使用 JavaScript 来删除自动完成的元素,使其表现得像无数据列表的输入?
需要以下用户界面:
最佳答案
它不能用 css 解决,但请尝试在您的输入中使用 autocomplete="off"
关于html - 如何使用 CSS 隐藏数据列表的选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49660072/