Question

我有一些输入框从不同的浏览器获得不同的结果。这是盒子的css：

.InputBox
{
    background-image: url(../text_field.png);
    height: 25px;
    width: 192px;
    z-index:300;
    position:absolute;
    border: 0;
    padding: 0 0 0 3px;
    background-color:transparent;
    font-size: 12px;
}

我假设光标与文本框的大小/位置相匹配，我只需添加padding和font-size来电。不幸的是，这种情况并非如此。截至目前，这是浏览器我遇到的问题

Chrome 无

Safari 无

IE8 光标WAY为高，在键入文本之前不显示在框前面。文字不居中，但更接近顶部

Firefox 未输入任何文字时，光标大小会变大。一旦输入文本，光标就可以了。如果文本被删除，则光标变为大。

如何在Firefox中调整初始游标大小？我假设它会匹配font-size，但我想情况并非如此。另外，如何调整IE中的padding而不更改其他内容，以及为什么在没有输入文本时光标会显示在文本框后面？

Answer 1

这是我在Firefox 4中修复的错误。在Firefox 4中，游标大小始终是要输入的文本的大小。我们从font-size属性中获取该大小。在Firefox 3.6及更早版本中，大小由包含光标的块的高度决定，如果它内部没有任何文本。

在输入文本之前减小默认光标大小

1 个答案: