input - CSS:空输入与内容输入有不同的行高吗？

Question

这不是某个站点的特定问题，只是我似乎在每个 元素中都注意到的问题。

如果你看一下here .在输入框内单击，插入符号会延伸到输入框的高度。现在按一个键，插入符号缩小到文本高度。有没有人:

a) 知道为什么会这样

b) 知道如何修复它吗？

Answer 1

我不知道这是否值得，但如果你坚持要在 Firefox 中修复这个问题，你可以这样做:

在焦点事件上，如果文本框的值为空字符串，则:

1. 将值设置为""(一个空格字符)
2. 将插入符号移动到文本框的开头

工作演示:http://jsfiddle.net/U2TPK/11/

我正在使用自定义脚本来设置选择。它位于此处:http://vidasp.net/js/selection.js
selec.set(this, 0, 0) 将插入符号设置为文本框的开头。

$("input:text").focus(function() {
    if ( this.value.length === 0 ) {
        this.value = " ";
        selec.set(this, 0, 0);
    }
});  

更新:http://jsfiddle.net/U2TPK/12/
(这也处理了用户重复关注空文本框的情况)