jQuery - 无需输入元素就地编辑。是否可以？

Question

jQuery 确实很容易创建一个漂亮的“就地编辑”效果，但是，尽管它很有效，但它总是使用一些输入元素。

这让我很烦恼，因为当元素替换原始文本时它会扭曲布局。

有人知道避免这种烦恼的技巧吗？

Answer 1

是的。创建 CSS 规则来覆盖所有输入字段的烦恼并强制其以与原始元素匹配的方式呈现。

.dynInput{
border:none;
font-size:inherit;
font-weight:inherit;
background-color:inherit;
}