[CSS] テキストボックスをラベルみたいに表示する

2019年4月8日

テキストボックスをラベルみたいに表示したい時のサンプルです。

サンプルソース

例）テキストボックスをラベルのような見た目にする

テキストボックスにスタイル「border-width:0pt;」と「readonly="true" tabindex="-1"」を指定すればOKです。

動作サンプル

左側のテキストボックスに値を入力すると右側に表示されます。
右側が今回設定したテキストボックスです。

→

メモ

• クリックすると枠が表示されたりと、完全にラベルと同じというわけではありません。