我有一个支持CSS/bootstrap 3.2的环境,但是没有javascript.我正在尝试使用纯CSS选择器+ HTML实现列表过滤解决方案.
假设,HTML列表元素中有2个项目.我想只显示与输入元素中输入的文本匹配的那些.
<form>
<ul>
<li class ="c1">c1</li>
<li class="c2">c2</li>
</ul>
<input type="text">
</form>
Run Code Online (Sandbox Code Playgroud)
如果我输入c1文本框,那应该只显示第一个项目.这甚至可能使用纯css,没有JS?