0

同じサイトで YUI リセットと jquery AutoGrow を一緒に使用しています。Firefox では問題なく動作しますが、IE 7 では動作が不安定です。テキストエリアは、少量のテキストでも大きくなります。

以下は、問題を示す例です。リセット スタイルシートをコメント アウトすると、autogrow は適切に動作します。

これを修正するために上書きできる単純な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 フォントが問題の原因のようです。

font-size を 1em に設定することで修正しました。試してみてください。

于 2009-08-19T12:28:21.957 に答える