How to remove blinking cursor from an input element

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


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


    color: transparent;
    text-shadow: 0 0 0 red;

    outline: none;

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

See the Pen LmxNqv by Raymond Ware (@rw223) on CodePen.