阅读(1.8k) 书签赞(0) 我要纠错

W3.CSS Filters（过滤器）

2020-12-01 16:47 更新

W3.CSS Filters（过滤器）

使用少量 JavaScript，可以过滤 W3.CSS 中的所有组件。

筛选表

实例

<input class="w3-input w3-border w3-padding" type="text" placeholder="搜索姓名.." id="myInput" onkeyup="myFunction()">

尝试一下 »
点击“尝试一下”按钮查看在线实例

筛选清单

实例

<input class="w3-input w3-border w3-padding" type="text" placeholder="搜索姓名.." id="myInput" onkeyup="myFunction()">

尝试一下 »
点击“尝试一下”按钮查看在线实例

过滤下拉列表

实例

<button class="w3-button w3-black">下拉列表</button>

<div class="w3-dropdown-content w3-bar-block w3-card w3-light-grey" id="myDIV">

悬浮样式 » 点击样式 »

以上内容是否对您有帮助：

← W3.CSS Code（代码）

W3.CSS Trends（趋势） →

写笔记

我要补充