我对如何配置切换类有疑问。
这里 的问题,我无法配置工具类。一切正常,直到 div 折叠,但是当 div 折叠时,如果你将鼠标放在 div ( .accordionhover-group
) 上,我会出错。文本不是白色的,但它一直是红色粗体(这样我看不到文本),并且图标箭头不是应该的白色。当我在折叠后将鼠标悬停在 div ( ) 上时,如何使我的文本变为白色粗体并将图标箭头变为白色?.accordionhover-group
我对如何配置切换类有疑问。
这里 的问题,我无法配置工具类。一切正常,直到 div 折叠,但是当 div 折叠时,如果你将鼠标放在 div ( .accordionhover-group
) 上,我会出错。文本不是白色的,但它一直是红色粗体(这样我看不到文本),并且图标箭头不是应该的白色。当我在折叠后将鼠标悬停在 div ( ) 上时,如何使我的文本变为白色粗体并将图标箭头变为白色?.accordionhover-group
为了使您的文本变为粗体和白色,这里是 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/