无论什么时候有焦点，都无法为字体很棒的图标设置css样式

Question

对于以下元素，我试图在获得焦点时在字体 - 真棒图标上添加css样式

<span class="fa fa-circle" tabindex="0" role="button"></span>

我尝试添加以下内容：

.fa fa-circle:focus {

background-color : yellow;

}

但是当我将键盘选项卡插入元素时，样式不会改变。我做错了什么？

Answer 1

使用.fa.fa-circle代替.fa fa-circle

如果它不起作用，那么改变这样的样式background-color : yellow !important;

Answer 2

http://jsfiddle.net/JfGVE/1405/  请检查小提琴。不需要使用.fa。

Answer 3

您的选择器错误，因为.fa fa-circle:focus这意味着在fa类中选择fa-circle类。试试这个css代码：

.fa, .fa-circle:focus {
background-color:yellow;
}