无法在画布上添加伪元素？

Question

所以，我正在为HTML5游戏开发一个地图编辑器，在这样做时，我想在包含构建块缩略图的画布中添加一些伪元素。但经过一个小时的实验和谷歌搜索没有成功，我根本无法使伪元素出现，我尝试将CS​​S应用于div并且它出现了，所以我猜有一些特殊的画布元素？

这是一个简单的例子，我设置： http://jsfiddle.net/ZsHGE/

所以，我转向你，所有知道这些人在stackoverflow，为了答案，是否不可能将伪元素添加到canvas元素？

HTML: 
<!-- No visible pseudo candy :( -->
<canvas class="gimmeSomePseudoCandy" width="50" height="50"> :( </canvas>

<!-- pseudo candy appears! :) -->
<div class="gimmeSomePseudoCandy"></div>

CSS: 
.gimmeSomePseudoCandy:after { content:"Candy"; }

Answer 1

替换元素（例如canvas和img）目前不支持使用伪元素。

  

请注意。此规范未完全定义:before和:after与replaced elements的互动（例如HTML中的IMG）。这将在未来的规范中更详细地定义。

Source