2

実際のホワイト ボックスではなく、テキスト フィールドの値のみを表示するにはどうすればよいですか。だから私が持っているのは、タイプ番号の単純なテキストフィールドです。

<input type="number" id="text" value="0"/>

私がやりたいのは、実際のボックス自体ではなく、値のみを表示することです。

4

5 に答える 5

4

CSSでこれを行うことができるはずです。Web ページの背景のように見えるようにボックスのスタイルを設定し、入力ボックスのプロパティを無効に設定して、ユーザーが値を変更できないようにします。最後に、マウスオーバー時にカーソルがテキストフィールドのように表示されないように、カーソルの CSS を設定できます。

于 2012-04-30T18:03:34.690 に答える
1

CSSを使用して、境界線を削除し、background-colorをtransparentに設定できます。

input
{
    border: none;
    background-color:transparent;
}
于 2012-04-30T18:05:27.370 に答える
0

次のようにコードを変更するだけです。

<input type="number" id="text" value="0" style="border:0px;"/>

これにより、期待どおりの結果が得られるはずです。

于 2012-04-30T18:08:11.697 に答える
0

Heavysixer が述べたように、CSS を使用できます。

#text{
    border: none;
    background: none;
    cursor: default;
    padding:0;
    margin:0;
    font-size:1em;
}

フォントをドキュメントの残りの部分と一致させたいと思うでしょう。デモンストレーションするフィドルは次のとおりです。http://jsfiddle.net/mestekweb/URkca/

于 2012-04-30T18:12:16.063 に答える
0 
<div style="background:#FFFFCC">
<input type="number" id="text" value="0" style="border:0px; background:none;"/>
</div>
于 2012-04-30T18:13:28.043 に答える