Forums

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

Home › Forums › JavaScript › changing the frame of a form field when on it?

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 29, 2011 at 6:09 am #34559
    piccolodesign
    Participant

    Hi,

    As a bit a of a beginner to using javascript my problem is I’m currently using the script below to have the text ‘USERNAME’ within the field until the user alters it but I also want to achieve changing the frame colour of the field when the users tabs into it – can this be done within this script or do I need to add more code to my CSS?

    Any help would be greatly appreciated.

    Gary

    September 29, 2011 at 6:13 am #88214
    KarimCossutti
    Member

    you can do this via css with the :focus pseudo selector

    September 29, 2011 at 6:17 am #88215
    piccolodesign
    Participant

    Karim, here’s my CSS, how should I alter it?

    #member-login-form { width: 165px; margin-right: 10px; margin-left: 10px; }

    #member-login-form label { margin: 0; padding: 0; width: 50px; }

    #member-login-form input { color: #999; font-size: 0.7em; font-weight: bold; font-style: normal; background-color: #eeeef0; text-decoration: none; text-align: left; letter-spacing: 0.1em; width: 161px; margin: 0 0 8px; padding: 6px 0 6px 4px; border: solid 1px #cccbcb; }

    #member-login-form input.submit { font: bold 11px Tahoma, Arial, Helvetica, sans-serif; color: #fff; width: 165px; height: 37px; margin: 4px 0 10px; padding: 0; border:none; }

    September 29, 2011 at 6:57 am #88219
    KarimCossutti
    Member

    Add

    #member-login-form input:focus {
    
border-color: #;
    
}
    September 29, 2011 at 7:20 am #88221
    piccolodesign
    Participant

    You’re an absolute star!

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