Question

好的，我在修改引导标签上的活动状态时遇到了一些问题。我设法让悬停工作，但我仍然遇到一些问题。

这是我目前用于悬停的内容，我需要活动状态相同，但我不知道该怎么做。

.services-icon-holder {
border: 2px solid #272727;
border-radius: 50%;
width: 65px;
height: 65px;
margin-bottom: 40px;
}

.services-icon-holder:hover {
background-color: #272727;
cursor: pointer;
}

.services-icon {
font-size: 28px;
color: #272727;
line-height: 2.2 !important;
padding-bottom: 15px;
}

.services-icon-holder:hover .services-icon {
color: #f1f1f1;
cursor: pointer;
  -webkit-transition: color 0.5s ease;
}

我也有一个问题，活动标签在其余标签上方大约1个像素，我使用了检查元素来尝试找到它来自哪里，但没有成功。

您可以查看live site here（只需转到服务部分查看标签页）

Answer 1

请管理此代码，这是css结构

.services .nav > li > a {
  outline:none ! important;
  border: none;
}


.services .nav > li.active > a .services-icon-holder {
   background-color: #272727;
   cursor: pointer;
}

Answer 2

在/css/style.css:517

.services .nav > li > a {
  /* Add below */
  border: none;
}

对于活动状态颜色，您可以将此代码添加到您的样式

.nav-tabs > li.active .services-icon-holder {
    background-color: #000;
}

.nav-tabs > li.active .services-icon-holder > .services-icon {
    color: #fff;
}

在引导标签上更改样式是否有效

2 个答案: