如何使用CSS隐藏数据列表的选项

时间:2018-04-04 20:42:31

标签: html css html-datalist

给出以下代码:

<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:

input box with dropdown suggestions

可以添加哪些CSS 而无需更改HTML 而不使用JavaScript 来删除自动完成的项目,因此它的行为类似于无数据列表的输入?

需要以下用户界面:

input box without dropdown suggestions

1 个答案:

答案 0 :(得分:-1)

使用css无法解决,但请尝试在输入中使用/usr/local/Cellar/python/2.7.10_2/Frameworks/Python.framework/Versions/2.7/Resources/Python.app/Contents/MacOS/Python: can't open file 'f2py.py': [Errno 2] No such file or directory