Javascript 如何通过网页代码获得此突出显示的功能？它叫什么？

下面是一张图片，我正在寻找的功能，如果我选择图标，它会从蓝色变为白色突出显示

我不确定这个功能叫什么，我试着通过boostrap和CSS HTML查找，但似乎找不到我要找的东西。 谢谢大家!

---

您可以使用堆叠的选项卡：

/*自定义包含右、左和下选项卡*/ .tabs位于>导航选项卡下方， .tabs右>导航选项卡， .tabs左>导航选项卡{ 边界底部：0； } .tab内容>.tab窗格， .pill内容>.pill窗格{ 显示：无； } .tab内容>.active， .pill content>.active{ 显示：块； } .tabs位于>导航选项卡下方{ 边框顶部：1px实心ddd； } .tabs下>导航选项卡>li{ 页边顶部：-1px； 页边距底部：0； } .tabs下>导航选项卡>li>a{ -webkit边界半径：0 0 4px 4px； -moz边界半径：0 0 4px 4px； 边界半径：0 0 4px 4px； } .tabs下>导航选项卡>li>a:悬停， .tabs下>导航选项卡>li>a:焦点{ 边框顶色：ddd； 边框底色：透明； } .tabs位于>导航选项卡>活动>a下方， .tabs在>导航选项卡>激活>a:悬停， .tabs下>导航选项卡>活动>a:焦点{ 边框颜色：透明ddd ddd ddd； } .tabs left>.nav tabs>li， .tabs right>.nav tabs>li{ 浮动：无； } .tabs left>.nav tabs>li>a， .tabs right>.nav tabs>li>a{ 最小宽度：74px； 右边距：0； 利润底部：3倍； } .tabs左>导航选项卡{ 浮动：左； 右边距：19px； 右边框：1px实心ddd； } .tabs left>.nav tabs>li>a{ 右边距：-1px； -webkit边界半径：4px 0 0 4px； -moz边界半径：4px 0 0 4px； 边界半径：4px 0 0 4px； } .tabs left>.nav tabs>li>a:悬停， .tabs left>.nav tabs>li>a：焦点{ 边框颜色：eeeeee dddd eeeeeeee； } .tabs left>.nav tabs.active>a， .tabs left>.nav tabs.active>a:悬停， .tabs left>.nav tabs.active>a:焦点{ 边框颜色：ddd透明ddd ddd； *右边框颜色：ffffff； } .tabs右>导航选项卡{ 浮动：对； 左边距：19px； 左边框：1px实心ddd； } .tabs right>.nav tabs>li>a{ 左边距：-1px； -webkit边界半径：0 4px 4px 0； -moz边界半径：0 4px 4px 0； 边界半径：0 4px 4px 0； } .tabs right>.nav tabs>li>a:悬停， .tabs right>.nav tabs>li>a：焦点{ 边框颜色：EEEEEEEEEEEEEEEDDD； } .tabs right>.nav tabs.active>a， .tabs right>.nav tabs.active>a:悬停， .tabs right>.nav tabs.active>a:焦点{ 边框颜色：ddd ddd透明； *左边框颜色：ffffff； } 选项卡-左侧 同侧盲蝽在同侧盲蝽的身上，同侧盲蝽在同侧盲蝽的身上，同侧盲蝽在同侧盲蝽的身上，同侧盲蝽在同侧盲蝽的身上，同侧盲蝽在同侧盲蝽的身上，同侧盲蝽在同侧盲蝽的身上。 奎斯克·莫里斯·奥古斯（Quisque mauris augue）、莫莱斯蒂·汀西登（molestie tincidunt）和维塔（vitae）调味品、自由孕妇。 第二个问题是维尼那提的侵权行为。二是累积元素。 猫科动物中的Aliquam坐着amet augue。 第三天，我要坐在我的位子上。两个品种的葡萄都是由一个品种的葡萄酿成的。 奎斯克·莫里斯·奥古斯（Quisque mauris augue），molestie tincidunt vitae调味品。

---

该功能称为将活动类设置为垂直选项卡！啊，可爱！非常感谢