How to change the appearance of the Insertion cursor of an input field?

I'm working on a little project and want to change the appearance of the little blinking bar, which appears infront of a spot you're typing in. Its also known as just a 'cursor' or 'text-cursor'. I can change it either with css or javascript if that is possible.