I am working in an environment that only supports CSS and Bootstrap 3.2, with no JavaScript functionality. My current task involves creating a list filtering solution using pure CSS selectors and HTML.
Imagine I have 2 items within an HTML list element. The goal is to display only the items that match the text entered into an input element.
<form>
<ul>
<li class ="c1">c1</li>
<li class="c2">c2</li>
</ul>
<input type="text">
</form>
If I enter c1 into the textbox, then only the first item should be displayed. Is it possible to achieve this using pure CSS without any JavaScript?