以下是一个基本示例,展示了如何在HTML中创建一个包含关闭图标的标签页:
Tab 1
Tab 2
Tab 3
在这个示例中,我们使用了一个tab
类来定义标签页的样式。每个标签页都有一个close-icon
类的子元素,用于显示关闭图标。通过在JavaScript中获取所有具有close-icon
类的元素,并为每个元素添加一个点击事件监听器,当点击关闭图标时,隐藏相应的标签页。
下一篇:标签溢出输入框而不是换行显示