javascript - 複数の色のボタン テキスト

Question

「Take me there >」という単語を含めたい入力ボタン要素がありますが、山かっこを残りのテキストとは異なる色にしたいと考えています。

これは可能ですか？必要に応じて、javascript または jquery の修正を喜んで使用します。

Answer 1

これはどうですか：http：//jsfiddle.net/w3KHd/1/

フォントの色を好きな色に設定するスパンのあるボタンを使用します。例えば：

<button>Take me there <span style="color: red"> &gt; </span></button>

アップデート：

ボタンを送信ボタンとして使用する場合は、次を使用します。

<button type="submit">Take me there <span style="color: red"> &gt; </span></button>

Answer 2

<button>代わりに使用できる場合は、次のように<input type="button">「最初の文字」の擬似クラスを使用できます。
あなたのスタイルクラス:

<style>
button:first-letter {
color:red;
}</style>

ボタン：

<button type="submit">&lt;Take me there ></button>