【发布时间】：2013-10-11 06:32:50
【问题描述】：
我在我的chrome扩展中设置了通知，在图标（1、2、3等）的右下角是一个鲜红色的通知
看起来像这样：
我想让它变成绿色通知或者右上角的另一种颜色。
我该怎么做？
【问题讨论】：
标签： javascript jquery google-chrome-extension notifications icons
【发布时间】：2013-10-11 06:32:50
【问题描述】：
由于这看起来不像Google Chrome notification，我假设您说的是browser action badge。
您可以使用chrome.browserAction.setBadgeBackgroundColor 方法设置徽章的背景颜色。例如，对于绿色背景：
chrome.browserAction.setBadgeBackgroundColor({ color: "#00FF00"});
其中"#00FF00" 是代表您的颜色的hex triplet。
徽章的位置不能改变，所以不能放在右上角。
【讨论】：
-
该方法接受一个对象，而不是一个字符串。使用
chrome.browserAction.setBadgeBackgroundColor({color:'#00F00'});。如果 OP 真的想将计数器放在不同的位置，她/他可以在画布上绘制按钮并使用chrome.browserAction.setIcon绘制结果。除非她/他有充分的理由想要这样做，否则我建议不要这样做，因为用户希望柜台位于一致的位置，即底部。 -
我已编辑我的答案以纠正我的错误。我没想过使用画布，这是一个有趣的想法。
-
是的，动作徽章正是我所指的。在等待了一段时间的回复后，我做了一些研究，并找到了你所说的，
chrome.browserAction.setBadgeBackgroundColor，但我不知道我可以使用十六进制代码作为颜色，这很有用。基本上，我反向设计了另一个主要扩展，它使用通知来找出他们做了什么，这就是我发现的。但是，我仍然需要了解徽章的定位和特殊样式；即将徽章放在图标的左上角；并且在徽章周围有一个边框。那我该怎么做呢？ -
@Rob，好主意。我会接受这个答案，因为它确实有改变背景颜色的解决方案。希望有人能告诉我如何使画布工作。