css - 每当有焦点时，都无法为超赞字体图标设置 css 样式

Question

对于以下元素，我试图在字体超棒的图标上添加一个 css 样式，只要它获得焦点

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

我试过添加以下内容:

.fa fa-circle:focus {

background-color : yellow;

}

但是当我将 Tab 键插入元素时，样式并没有改变。我做错了什么？

Answer 1

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

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