6

数行のテキストを含むテキストエリアがあります。テキストには、英字、数字、および特殊文字が含まれています。そのテキスト内の一部の単語のみに CSS 背景色を適用したいと思います (それらを強調するためだけに)。たとえば、テキストエリアの数字のみに背景色を適用します。これを達成する方法を教えてください。提案を歓迎します。

4

3 に答える 3

2

純粋な HTML と CSS を使用してこれを行う (私が知っている) 方法はありません。JavaScript を使用する必要があります。

オプション 1 既存の jQuery プラグインを使用します。簡単な検索で、これと更新されたプラグインhereにたどり着きました。

オプション 2 自分で巻く。search() 関数を使用して単語の場所を見つけてから、単語の周りにスパン ラッパーを追加することを検討してください。

<style>.highlighted{background-color:yellow;}</style>
...
<span class="highlighted>HIGHLIGHT ME</span>

これの唯一の本当の利点は、正規表現を使用して強調表示する内容をより柔軟にできることです。また、好みでない場合は jQuery を使用しないようにすることもできます。

于 2012-10-17T17:37:34.057 に答える
0

これを行うと考えることができる唯一の方法は、必要なテキストを HTML でラップしてスタイルを設定することです。これを行うには、テキストエリアのテキストを個別に出力することをお勧めします。こちらを参照してください: http://jsfiddle.net/mhPGc/8/

于 2012-10-16T08:57:27.407 に答える
-2

この問題には span タグを使用します。最初にテキスト領域の ID を設定してから、このスタイル コードを使用します。

#textarea span{
 background:url(img.jpg) or #etc;
}
于 2012-10-16T07:50:54.763 に答える