javascript - JQuery.jeditable.js 就地编辑错误（Windows7、Chrome 16）

Question

我正在使用这个就地编辑小部件jquery.jeditable.js。在 Windows 7 上，在 Chrome（最新版本 - 16）中，当我在输入字段中键入文本时，会出现一个奇怪的错误，即文本在其自己的字段中变低。这使得它不可读（见附件）。我输入的每个其他字母都会发生这种情况。有没有人遇到并解决了这个错误？

提前致谢

Answer 1

输入字段的默认字体和大小与页面的其余部分不同。如果您在包含输入字段的元素中设置它们，则没有效果。您必须强制输入字段继承字体和大小。最好，您还想设置一个较小的边框，这样也不会裁剪文本。

这是我与 jquery.editable.js 一起使用的：

input {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: rgba(15,200,0,0.05);
    border: 0;
}