13

I'm running into an issue where - in IE9 standards mode - IE9 renders text in such a way that the tails on descending letters - "q, p, y" etc - disappear. Have tried playing with padding and other common CSS settings in helps of fixing this but am having no luck so far.

Who's got an idea what this might be?

4

4 回答 4

13

编辑：我在博客上找到了这个。该链接不再存在。把它 留在这里以防它再次弹出。

就好像文本是输入内部的一个节点，并且已经在该内部元素上设置了行高，而周围的元素会剪裁溢出的文本。

解决方案很简单，将 line-height 设置为“1”（无单位）

于 2012-10-14T11:53:41.343 回答
1

这个设置 line-height:inherit 输入框对我有用。

input[type="text"], input[type="email"], input[type="password"], {
  line-height: inherit; /* for i.e. */
}
于 2012-09-18T21:59:27.833 回答
1

您是否使用自定义字体（@font-face），因为我发现有时在某些尺寸上使用它时，无论行高如何，它都会切断文本的尾部

于 2011-09-02T12:02:51.123 回答
1

我只是在使用font: inheriton 时遇到了这个问题input。声明了我想要的实际字体（主要是 Verdana）并且尾部再次可见。

也进行了测试line-height——input但这又导致了问题。

这就是我最终的结果：

body, button, input, select, textarea {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 100%;
}
body {
    line-height: 1.5;
}
于 2012-01-19T00:50:15.773 回答