0

しばらく探し回っていますが、探している答えが見つからないようです。

クリックするとすべてのテキストが選択される、その中にテキストの幅がある小さなボックスを作成しています。「onclick='this.select();'」を含むテキストボックスによく似ていますが、「float:left;」を含む div のように、その中のテキストのサイズと同じサイズにしたいと考えています。

それで、クリックしたときにすべてのコンテンツを選択するdivを作成する方法はありますか、それともテキストボックスの幅を事前設定された「値」と正確に一致させる方法はありますか。

(jQuery などの追加のプラグインを使用しないソリューションも見つけたいと思います。)

4

1 に答える 1

0

あなたはこれを試すことができます

HTML:

<div class="select" >Blah Blah Blah Blah Blah Blah Blah Blah.......</div>

CSS:

.select
 {
  border: medium solid;
  height: 300px;
  width: 200px;
 -webkit-touch-callout: all;
 -webkit-user-select: all;
 -khtml-user-select: all;
 -moz-user-select: all;
 -ms-user-select: all;
 }

デモ：jsfiddle

于 2013-05-18T09:37:52.047 に答える