CSS ContentEditable Span：丑陋的边框

Question

我必须编辑一些文本以形成电子邮件。为了指示文本可以更改的位置，我想在可编辑的段落周围给出边框。 可悲的是，它看起来很丑陋：

outline: 1px solid #c9c9c9;

如果可编辑范围包含换行符（border看起来更糟糕！）。

请参阅小提琴：http://jsfiddle.net/Q5qdA/1/以供参考。尝试添加双换行符和一些文本。特别是换行会导致非常难看的垂直边界。

另一个问题是（仅在firefox上测试过），如果你在最后添加换行符，则无法将其删除（它会创建一个type="_moz"的新分隔符，不会被删除。 ..）

有什么方法可以解决这个问题吗？

ps：我手边有jQuery / jQuery-UI，但不想使用插件......

Answer 1

很难解决你的问题，因为它不容易看到，你想要什么。

但也许最好为一个范围获得一个大纲：

这是我的小提琴

http://jsfiddle.net/Q5qdA/7/

p {
width:210px
}

（例如） 宽度你可以解决这个问题。