Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › how to build a blinking text cursor in input fields ?

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 9, 2013 at 2:01 am #46226
    KnowledgeJunkie
    Member

    In one of my current projects, i require a text field which has no border nor background,instead i need the blinking text cursor to appear in those input fields. How can i best achieve this effect ?

    July 9, 2013 at 6:16 am #141990
    Kitty Giraudel
    Participant

    I’d say a CSS animation and a pseudo-element.

    July 9, 2013 at 8:07 am #141992
    Senff
    Participant

    Animated GIF as a background image? :D

    July 9, 2013 at 9:27 am #142006
    gowda24
    Participant

    By making the input type border u can disable the border.

    but to move the first input field by calling a focus().
    [Your text to link here…](http://codepen.io/gowda24/pen/tCcFw “cursor blink”)

    July 9, 2013 at 12:00 pm #142036
    TheDoc
    Member

    Ooooo, I like that solution, @gcyrillus.

    July 9, 2013 at 12:02 pm #142037
    georgearnall
    Participant

    ignore comment you changed it :)

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.