Question

我遇到了如何配置切换类的问题。

Here这个问题，我无法配置toogle类。 Everythings工作得很好，直到div崩溃，但是当div崩溃时，如果你将鼠标放在div（.accordionhover-group）上，我就会犯错误。文本不是白色但它保持红色粗体（这样我看不到文本），图标箭头不是白色应该是。当我将鼠标悬停在div（.accordionhover-group）上后，如何将文字白色粗体和图标箭头设置为白色？

Answer 1

要使你的文字变为粗体和白色，这就是css

.accordionhover-group:hover{
    color: #fff;
    font-weight: bold;        
}

悬停时的箭头，这是我建议您用来达到预期效果的CSS。

.clicked .accordionhover-group i: hover  {
    background-position: -311px -99px;
    background-image:url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png");
    float: right;
}

.clicked .accordionhover-group:hover i {
    background-position: -288px -93px;
    background-image:url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png");
    float:right;
}

.icon-arrow-down-white {
    background-position: -311px -99px;
    float :right;
    margin-top: 5px;
    background-image: url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png");
}

.icon-arrow-up-white {
    background-position: -288px -93px;
    float :right;
    margin-top: 5px;
    background-image: url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png");
}

在风格之后也没有必要使用重要的。这是一篇关于在css中使用重要文章的好文章 http://css-tricks.com/when-using-important-is-the-right-choice/

切换元素类配置

1 个答案: