Question

我已经在网站菜单上创建了一个按钮，并希望为其提供自己的单独的活动链接颜色，我该怎么做？在理想情况下，按钮将为粉红色（＃ed6d8d），活动文本颜色将为白色。当前，默认的活动菜单项颜色为蓝色（＃00bcd1），因此会与粉红色发生严重冲突-任何建议将不胜感激！

我使用以下CSS代码创建了按钮：

 #in-crisis li a:hover {opacity: 1!important;
    color: #ffffff;}

.in-crisis a {
    border: 2px solid #dbf7ff!important;
    padding: 12px!important;
    margin: 10px 12px 12px 12px;
    border-radius: 12px;
    text-align: center;
    background-color: #dbf7ff;

}

.in-crisis a:hover {
    background-color: #fff;
    color: #00bcd1!important;
    border: 2px solid #00bcd1 !important;
}

.et_header_style_left #et-top-navigation {
    padding-top: 16px!important;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 6px!important;
}

#main-header.et-fixed-header .in-crisis a {
color: #00bcd1 !important;
}

@media only screen and (max-width: 980px) {
.in-crisis a {
    background-color: #dbf7ff;
    }
}

@media only screen and (min-width: 980px) {
#et_top_search { 
    margin-top: 25px !important; }
}

非常感谢。

Answer 1

我不知道您是在谈论悬停还是活动状态，但是对于活动CSS，应该使用

.in-crisis a:active {
  color: white;
  //or anything else here
}

更改单个菜单项上的活动链接颜色

1 个答案: