7

プログラムで定義された元の/デフォルトのサイズを持つ要素を作成しようとしてtextareaいますが、ユーザーは定義された制限内でサイズを変更して、拡大と縮小の両方を行うことができます。

テキストエリアのresize、、、、およびプロパティを設定しようとしましたが、これまでのところ、これはユーザーが要素を拡大することのみを許可し、縮小することはできません。ブラウザでは、ユーザーは、意図したとおり、との境界の間ではなく、との境界内で要素のサイズとサイズを変更できます。min-widthmax-widthwidthtextareawidthmax-widthmin-widthmax-width

最小サイズとしても扱われないデフォルトサイズを指定する簡単な方法はありますか？

これが私が使っているコードです：

function textAreaWithDefault(size) {
    var ta = document.createElement("textArea");

    ta.style.resize = "both";
    ta.style.minWidth = "100px";
    ta.style.width = size + "px";    // default size
    ta.style.maxWidth = "500px";

    document.body.appendChild(ta);
}

純粋なcssおよび/またはjavascriptソリューションが推奨されますが、Webキットでのみ機能する必要があります。

4

2 に答える 2

1

私はfittextまたは同様のスクリプトを調べます：http： //fittextjs.com/

これはまさにあなたが説明していることを行います。

于 2012-10-23T19:08:58.163 に答える
0

min-widthをmax-widthに等しく、widthを0に設定してみてください

于 2012-10-23T18:56:29.290 に答える