html - テキストボックスHTML/CSSの1文字の色を変える

Question

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

例 : STACK OVER FLOW 'A' の文字だけが赤です!

score 70 · Accepted Answer

<input type="text">通常のor要素ではこれを行うことはできませんが<textarea>、通常の要素 ( <div>orのような<p>) madecontenteditableでは、html/css フォーマットの自由度がすべてあります。

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

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

score 3 · Accepted Answer

最初の文字のみの色を変更したい場合は、ソリューションに追加したいだけで、CSSセレクタ要素::first-letterがあります

例：

div::first-letter{
   color: red;
}

score -4 · Accepted Answer

css からは要素のプロパティのみを変更できるため、次のように別の要素に文字「A」を挿入する必要があります。

ST<span>A</span>CK OVER FLOW just the 'A' letter is red!

そしてCSS部分は

span{
   color:#FF0000;
}

または、このようにクラスをアタッチします

ST<span class="myRedA">A</span>CK OVER FLOW just the '<A' letter is red!

CSS:

span.myRedA{
       color:#FF0000;
    }

score -9 · Accepted Answer

-9

<font color="#colors">text text text</font>

于 2014-10-18T18:53:18.090 に答える

8 に答える 8