0
<textarea style="color:red;"></textarea>

I have a textarea set color red. However I want the blinking mark be black, so user can see more clear where they are typing.

Is anyway to do achieve this? Do I need to use javascript, if so, please tell me how?

enter image description here

Ben
  • 2,562
  • 8
  • 37
  • 62
  • 1
    http://stackoverflow.com/questions/5615681/how-to-change-cursor-color-without-changing-text-color – j08691 Oct 02 '14 at 21:49
  • By any chance, have you looked at [these](http://stackoverflow.com/questions/7339333/styling-text-input-caret) [similar](http://stackoverflow.com/questions/5615681/how-to-change-cursor-color-without-changing-text-color) [threads](http://stackoverflow.com/questions/20324434/change-textarea-cursor-color-in-the-textarea)? – Hashem Qolami Oct 02 '14 at 21:50
  • i don't think you can control them separately , but do tell if you find anything. – dandavis Oct 02 '14 at 22:15

2 Answers2

0

try this -

textarea {
 cursor: url(cursor.cur);
}
Moni
  • 433
  • 3
  • 9
-1

Implementing Custom Cursors

If you need a cursor that is not included by default, or not supported across all browsers, you have the option to include a custom cursor image. This can be defined similarly to the font-family rule, where you provide fallbacks in case the custom cursor doesn't load.

.elementClass {
    cursor:     url(/cursors/cursor.png), /* Modern */
            url(/cursors/cursor.cur), /* IE  */
            default; /* Built-in fallback */
}

More Info here and here

Hitesh
  • 4,098
  • 11
  • 44
  • 82