how to change the text color after symbol @ like twitter in textarea

Asked Apr 22 '14 at 17:19

Active Apr 22 '14 at 17:34

Viewed 209 times

I have a textarea which allows user to @ their friends. In order to make it user friendly, I try to change the color after the symbol @ like twitter

<textarea id="friend_connect"  title="seperate with space" cols="38" rows="1"  ></textarea>

I think what twitter does is to wrap each @username with a span like <span>@username</span> and then you are able to style the text color separately. However, it's definitely not working simply using <textarea><span>@username</span></textarea>

I wonder any solutions to fulfill this job

asked Apr 22 '14 at 17:19

Kesong Xie

1,316
3
15
35

I have tried <span>@username</span>, but it's not working – Kesong Xie Apr 22 '14 at 17:26
Here is a post that may enlighten you - http://stackoverflow.com/questions/9873937/how-to-change-a-single-character-color-in-textarea – Jay Blanchard Apr 22 '14 at 17:35

how to change the text color after symbol @ like twitter in textarea

0 Answers0