jquery - テキストボックス内のテキストの一部だけにCSSを適用する方法は?

Question

以下に示すように表示されるテキストボックスがいくつかあります。コロンの前の単語にいくつかのスタイルを適用したいと思います。

誰かがこれを達成する方法を提案できますか?

Answer 1

私が見るところ、プレースホルダーを 2 つに分割し、別のスタイルを適用しようとしていますが、それはできません。

このアプローチを試してください：

<form>
    <fieldset>
        <label for="name">Name:</label>
        <input id="name" type="text" placeholder="Batman" />
    </fieldset>
<form>

このようにして、各要素に 2 つの異なるスタイルを適用できます。はplaceholderスタイルにすることができますが、すべてのブラウザーで機能するとは限りません。placeholder 属性は HTML5です。