web-dev-qa-db-ja.com

テキストボックスHTML / CSSの1文字の色を変更する

Webサイトを設計していますが、CSSによってHTMLのテキストボックス内の文字列内の1文字だけの色を変更するにはどうすればよいでしょうか？

例：スタックオーバーフロー「A」の文字だけが赤です！

みんなありがとう

htmlcsstextbox
20
bluewonder

通常の<input type="text">または<textarea>要素ではできませんが、通常の要素（<div>や<p>など）でcontenteditableを作成すると、 html/cssフォーマットのすべての自由があります。

<div contenteditable>
    ST<span style="color: red">A</span>CK OVERFLOW
</div>

http://jsfiddle.net/jVqDJ/

ブラウザのサポートも非常に優れています（IE5.5 +）。詳しくは https://developer.mozilla.org/en-US/docs/Web/HTML/Content_Editable をご覧ください

49
xec

問題は、「テキストボックス」とはどういう意味ですか？ページ上の単純なテキスト、またはinput type = "text"やtextareaのような編集可能なテキストを意味しましたか？単純なテキストを意味する場合は、前の回答で十分です。しかし、編集可能なテキストの場合、cssで達成することは不可能です。

0
chikavili