css - 如何更改语义 UI 图标的颜色?

标签 css colors semantic-ui

我可以用代码制作竖起大拇指的图标

<i class="thumbs up icon large"></i>

但是我怎样才能把颜色从黑色变成灰色呢?我这样做是为了 chrome 扩展,我在 manifest.js 中以这种方式添加了 CSS。 :

"content_scripts": [
    {
        "matches": ["http://*/*", "https://*/*"],

        "css": [ "tab/layouts/style.css", "app/lib/semantic.min.css" ],
        "js": [ "common/owconstants.js", "common/OWprotocol.js", "3rdparty/jquery-1.10.2.min.js", "3rdparty/jquery.mCustomScrollbar.concat.min.js", "3rdparty/jquery-ui-1.10.3.custom.min.js", "common/common.js", "tab/sidebars.js", "tab/communication.js", "tab/syncobject.js", "tab/popup.js", "tab/authorization.js", "tab/userinfo.js", "tab/annotation.js", "tab/usercard.js", "tab/userlist.js", "tab/notifications.js", "tab/friendlist.js", "tab/injection.js", "tab/drops.js", "tab/chat.js", "tab/tracking.js", "tab/keywords.js", "tab/tabscript.js", "app/lib/semantic.min.js"]
    }
],

最佳答案

您也可以申请:<i class="red users icon"></i> .有关语义ui的更多信息,我建议访问此文档http://semantic-ui.com/elements/icon.html#/definition

关于css - 如何更改语义 UI 图标的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32421982/

相关文章:

javascript - 如何实现Semantic UI Site的粘性菜单

html - 未应用 CSS 字体颜色样式

html - 语义 ui 网格 - 显示列的全宽,隐藏 "computer only"列后

html - 无论屏幕分辨率如何,如何修复CSS中的框位置?

html - CSS 侧边栏背景色全宽

Python:根据类的无效 RGBA 参数 0.0 色点

python - 如何为不同的字母设置颜色?

javascript - 如何为选择字段赋予名称/值属性?

javascript - Animate.css 与 Bootstrap 模态的交互,关闭动画的问题

javascript - 有没有办法让 CSS table-cell div 具有相同的宽度?