0

我在同一个站点上同时使用 YUI 重置和 jquery AutoGrow。它在 Firefox 上运行良好，但 IE 7 表现不佳。文本区域会变得很大，即使其中包含少量文本。

下面是一个演示该问题的示例。如果我注释掉重置样式表，自动增长会正常运行。

我希望有一些简单的 css 可以覆盖来解决这个问题。我要远离 YUI 重置这个项目。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
    <link href="http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css" rel="stylesheet" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
    <script src="http://www.aclevercookie.com/files/jquery.autogrow.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $("textarea").autogrow();
        });
    </script>
    <style type="text/css">
        textarea
        {
            width: 99%;
            line-height: 18px;
        }
    </style>
</head>
<body>
    <textarea>abc</textarea>
    <textarea>this quantity of text should not cause the textarea to grow yet.</textarea>
</body>
</html>
4

1 回答 1

0

我在 IE8 中遇到了同样的问题，但它与 YUI 重置无关，似乎是 YUI 字体导致了问题。

通过将字体大小设置为 1em 来修复它。试一试。

于 2009-08-19T12:28:21.957 回答