tab选中/未选中颜色

我是区域1. 区域部分也是可以填入任意HTML元素内容的。

我是区域2.

实现原理

样式类文件中添加相应的样式类。

涉及知识点: 样式类文件

Step by Step

在样式类文件中添加如下样式:

选中时样式

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
    border: none;
    -webkit-box-shadow: inset 0 -2px 0 #55a8fd;
    box-shadow: inset 0 -2px 0 #55a8fd;
    color: #55a8fd;
}

未选中时样式

.nav-tabs > li > a, .nav-tabs > li > a:focus {
    border: none;
    -webkit-box-shadow: inset 0 -2px 0 #dddddd;
    box-shadow: inset 0 -2px 0 #dddddd;
    color: #dddddd;
}

 

注意事项

注意事项暂无