input text add a star with other color in placeholder

Question

How can I add a star with other color in placeholder for <input type="text" /> like this? placeholder with formatting

score 5 · Accepted Answer · answered Oct 20 '14 at 22:32

5

::-webkit-input-placeholder:after {
    content: "*";
    color: red;
}

answered Oct 20 '14 at 22:32

coma

16,429
4
51
76

score 1 · Answer 2 · answered Oct 20 '14 at 22:32

1

You cannot add html formatting to a placeholder, but you could achieve what you are looking for with relatively position element (label) which has visibility settings bound to various interactions with the input. Essentially, when the text field is being modified or has a value, you hide the label, when it is empty, you show it.

Alternatively, you can use the example provided by coma to modify the placeholder with CSS, but that will not be cross-browser compatible.

answered Oct 20 '14 at 22:32

Nathan Taylor

24,423
19
99
156

hummm, yes you can: http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css , obviously not that browser friendly wide. – coma Oct 20 '14 at 22:34

input text add a star with other color in placeholder

2 Answers2

Linked