我可以用代码制作竖起大拇指的图标
<i class="thumbs up icon large"></i>
但是,如何将颜色从黑色更改为灰色?我这样做是为了chrome扩展,我在CSS中以这种方式添加了CSS manifest.js
:
"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
thumbs up icon large
如果适用,请添加到现有类之一,或者添加自己的新类并对此应用样式:
的HTML
<i class="thumbs up icon large own-class"></i>
样式表
.own-class {
color: gray;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句