我的 li 元素中有 glyphicon-ok
。最初根据我的要求,我像这样为所有 glyphicon-ok 赋予绿色
.glyphicon-ok {
color: #41be47;
}
一个li元素如下图
<li class="active">
<a href="#" onclick="return getQuestions(this);">
<span class="glyphicon glyphicon-ok"></span>
test
<i class="glyphicon glyphicon-remove pull-right" style="display: block;" ></i>
</a>
</li>
现在我想在单击该特定项时将 glyphicon-ok
更改为白色。
那里面应该写什么呢
function getQuestions(id) {
}
我试过了
function getQuestions(id) {
$('span').find('.glyphicon-ok').css('color','#fff');
}
最佳答案
您只需要更改 css 中的 color
属性。图标 font 的主要好处之一是您可以在它们上使用字体 css 属性。
使用 :focus
和 :active
选择器来应用这些样式是比使用 javascript 更好的解决方案。
如果您确实决定使用 javascript,我建议您只使用它来添加/删除一个类,而不是应用样式本身。
关于javascript - 如何在 jquery 中更改 bootstrap glyphicon 颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24992355/