怎么实现类似segmentfault上面的这个功能？

Question

这是没点击之前的效果

这是点击之后的效果

怎么实现这种功能？点击时弹出一个input 框可以编辑

Answer 1

方案一：用H5的属性 contenteditable 规定元素内容是否可编辑。 然后就是样式的修改了。方案二：不用H5,就用input，input的样式修改起来好像得注意outline这个边线。方案三：做弹出层。标签上绑事件。