代码之家  ›  专栏  ›  技术社区  ›  Aaron Yodaiken

如何使火狐光标基于行高而不是文本框的高度

  •  3
  • Aaron Yodaiken  · 技术社区  · 15 年前

    alt text http://i45.tinypic.com/2ll22o1.png

    如上图所示,如果您有一个带填充的文本框,那么我的Mac上的初始光标大小至少是带填充的完整指定高度。当然,当您开始输入时,它会恢复到正常的文本大小(请参见“密码”水印)。

    除了简单地调整实际文本框的大小外,是否有方法使初始光标的大小正确?(它在WebKit浏览器上工作正常。)

    例子:

    <input type="textbox" style="height: 40px" />
    
    2 回复  |  直到 15 年前
        1
  •  1
  •   Izam    15 年前

    sudo-work的修复方法对我不起作用。但下面是Mozilla在其网站上的做法(而不是修复): http://support.mozilla.com/en-US/home 他们只是用一个跨距把它包起来,然后加上填充物。

    <span class="wrap">
        <input type="text" required="required" placeholder="Search Firefox Help" name="q" class="text">
    </span>
    
        2
  •  0
  •   sudo work    15 年前

    经过一些实验(在火狐中),我发现唯一的方法是手动设置填充。如果它被设置为“自动”或“未定义”,那么它将创建一个过大的光标。如您所述,这种行为在基于WebKit的浏览器中不存在。这很可能是一个Firefox错误。

    统一解决方案:

    <input type="textbox" style="height: 40px; padding: 10px 0;" />