如何解决带有真棒字体图标的按钮上的悬停问题？

Question

当我单击此按钮时，图标的颜色不能变为蓝色，而文本的颜色却改变了，我该如何解决此问题？

Button without hover

Button after hover

Answer 1

有两种方法可以做到这一点：

1. 您可以这样设置文本阴影：.live-chat-btn { text-shadow:1px blue; }
2. 或者您可以设置悬停颜色：.live-chat-btn:hover i { color: blue; }

选择哪种方法最好。