带HTML5 / CSS3的可编辑笔划文本

Question

我需要制作一个可编辑的文本，它有两种不同颜色的填充和描边，可放置在图片背景上，如电影字幕，黄色填充和黑色笔触。我发现只有画布的教程和示例，但我认为不可能使它可编辑，或者是它？

Answer 1

最好采用CSS3 text-shadow：

#container {
    color: yellow;
    text-shadow: #000 1px 1px 0px, #000 -1px -1px 0px;
}​

以下是fiddle