Css 如何更改语义UI图标的颜色?
我可以用代码制作竖起大拇指的图标Css 如何更改语义UI图标的颜色?,css,colors,semantic-ui,Css,Colors,Semantic Ui,我可以用代码制作竖起大拇指的图标 但是我怎样才能把颜色从黑色改成灰色呢?我这样做是为了一个chrome扩展,并以这种方式在manifest.js中添加CSS: "content_scripts": [ { "matches": ["http://*/*", "https://*/*"], "css": [ "tab/layouts/style.css", "app/lib/semantic.min.css" ], "js": [ "co
但是我怎样才能把颜色从黑色改成灰色呢?我这样做是为了一个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"]
}
],
你可以申请:
color: gray; // or any suitable color code, e.g. #808080
如果合适,添加到一个现有类竖起大拇指图标
,或者添加自己的新类并对其应用样式:
HTML
您还可以应用:
。有关语义用户界面的更多信息,我建议访问此文档以了解白色:
e
如果使用语义,请定义颜色名称。请将css添加到问题中。@GarethWhittaker我添加了加载css的代码。我所有的CSS都是从semantic-ui外部提供的。有些图标没有轮廓。我们怎样才能给出轮廓样式?例如,对于解锁图标,星号图标不支持大纲功能。
<i class="thumbs up icon large own-class"></i>
.own-class {
color: gray;
}
<i class="large **black** inverted alarm icon"></i>