基于文本框值的CSS选择器

Question

我有一个支持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>

如果我输入c1文本框,那应该只显示第一个项目.这甚至可能使用纯css,没有JS？

Answer 1

这是不可能的.