HTMLは無効になっていますが、サイズは変更できます

テキストエリアを無効にすると、入力やサイズ変更ができなくなります。私はそれをサイズ変更することができるようにしたい、それを入力しないでください。 JavaScriptのソリューションは大丈夫だが好きではないHTMLは無効になっていますが、サイズは変更できます

出典

2017-05-25 Justin

フィールドとCSS背景色と文字色にプロパティreadonlyを追加します。

.my-disabled{ 
 
    background-color: #cccccc; 
 
    color: #888888; 
 
}

<textarea class="my-disabled" name=area1 readonly>Text goes here</textarea>

出典

2017-05-25 21:10:46

デフォルトでは、無効になっているテキストエリアのサイズを変更できます。おそらく、上書きするライブラリを使用している可能性があります。あなたはそれがこのフィドルで働いて見ることができます：https://jsfiddle.net/n5wdxc62/

コードフィドルに非常に簡単です、ただ単純なHTML

<textarea disabled></textarea>

出典

2017-05-25 21:09:05

あなたは正しく機能します。私のhtmlには2つのテキストエリアがあります：1つは無効、もう1つはありません。私のCSSは 'textarea {resize：vertical; } 'しかし、私は無効でないもののサイズを変更することしかできません。編集：firefoxでうまく動作しますが、私の問題はクロムですが、あなたの例はクロームで正常に動作します。 – Justin

私はそれを試してみましたが（クロムで）、それはまだ私にサイズ変更をさせてくれますが、予想どおり垂直方向にしかできません。古いバージョンのChromeに問題があるか、気づいていない他のルールが適用されている可能性があります。 –

テキスト領域を読み込み専用にする

<textarea name="largetext" readonly></textarea>

出典

2017-05-25 21:16:15

HTMLは無効になっていますが、サイズは変更できます

答えて

関連する問題