ホームページ > ウェブフロントエンド > CSSチュートリアル > テキスト領域に多色のテキストを作成するにはどうすればよいですか?

テキスト領域に多色のテキストを作成するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-11-27 06:15:12
オリジナル
408 人が閲覧しました

How Can I Create Multicolored Text in a Text Area?

テキスト領域での多色のテキストの実現

従来の textarea タグと input タグの制限の 1 つは、テキストをさまざまな色で表示できないことです。同じ要素内で。ただし、この制限は contenteditable 属性を使用することで克服できます。

contenteditable 属性の使用

contenteditable 属性を使用すると、div などの HTML 要素を次のように編集できるようになります。テキストエリア。この属性は、要素をテキスト編集面に効果的に変換します。 contenteditable 要素内では、色のカスタマイズを含む HTML 要素と CSS スタイルを自由に組み込むことができます。

実装例

テキスト領域で多色のテキストを実現するには、次のことができます。次のコードを使用します:

<div>
ログイン後にコピー

この中で例:

  • div 要素 >
  • div 内で、インライン CSS を使用してカスタム カラーを持つ 2 つのテキスト スパンを作成します ("span>

制限事項

contenteditable 属性は、同じブラウザ内のすべてのブラウザでサポートされているわけではないことに注意してください。さらに、親アプリケーションで使用されるテキスト エディタが contenteditable 要素のテキスト編集機能を妨げないようにすることが重要です。

以上がテキスト領域に多色のテキストを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート