How to remove blinking cursor from an input element

Here is a real quick fix for that annoying blinking cursor in an input field.

HTML:

<input type="text" name="" class="input">

CSS:


.input{
    color: transparent;
    text-shadow: 0 0 0 red;
}

.input:focus{
    outline: none;
}

To change the color of your input text edit the text-shadow color to your desired color.