Of course you can do it just with CSS
.
Add this code to your CSS file:
border: none;
color: transparent;
text-shadow: 0 0 0 gray;
text-align: center;
&:focus {
outline: none;
}
Domanda
How can I remove the caret from a <input type="text">
element only using CSS and not JavaScript?
Altri suggerimenti
I can only say you that you can achieve this by applying the color through css :
<input type="text" style="color: transparent;text-shadow: 0 0 0 red;" />
Otherwise there is no way to style the text cursor with CSS.