1

how to remove blinking cursor after insert a word in the text box. I am using css making the cursor color transparent , but it is not working as expected. is there a way to solve this using java script?

anshul
  • 33
  • 7
  • possible duplicate of [How to remove the Blinking Cursor from an input type textbox](http://stackoverflow.com/questions/23515754/how-to-remove-the-blinking-cursor-from-an-input-type-textbox) – Naeem Shaikh Jan 14 '15 at 07:39
  • i have tried @kumar harsh – anshul Jan 14 '15 at 07:43

1 Answers1

1

Try this:

Live demo on jsfiddle

CSS:

.input--textfield {
    border: none;
    color: transparent;
    display: inline-block;
    font-size: 2em;
    text-shadow: 0 0 0 ay;
    width: 2em;

    &:focus {
        outline: none;
    }
}

HTML:

<input type="text" name="" value="10" class="input--textfield">
Mardzis
  • 760
  • 1
  • 8
  • 21
  • actually i want to show in text box ,but when i insert 5 characters it shoulls automatically disappear. is there a solution?@Mardzis – anshul Jan 14 '15 at 07:46
  • it same like comment box in here...after i insert something of specific length .the cursor should get hide ? – anshul Jan 14 '15 at 07:50
  • nope, bliking cursor should be displayed while typing, but after typing for specific length , it should get hide... – anshul Jan 14 '15 at 08:03