【发布时间】:2017-05-21 10:45:28
【问题描述】:
我正面临在css和jquery中点击图标心时改变颜色的问题
css:
尚未点击图标时
.iconHeartInactive::before {
content: '\e841';
color: rgba(71,78,82,.4);
}
点击图标时:
.iconHeartActive::after{
content: '\e845';
color: #ed1b77;
}
HTML:
<span>
<button class="saveHome hoverPulse pan typeReversed">
<span class="stackIcons">
<i class="iconHeartActive iconOnly"></i>
<i class="iconHeartEmpty typeReversed iconOnly"></i>
</span>
</button>
</span>
<script>
$( "iconHeartInactive" ).click(function() {
$( this ).toggleClass( "iconHeartActive" );
});
</script>
如何点击图标并改变颜色?非常感谢!
【问题讨论】:
-
css中没有'clicked'属性而不是'after/before'吗?我用它来设计 fxmls..
-
@minigeek:是的,你是对的,我该如何解决这个问题?