Detailed Form Styling

Viewing 3 replies - 1 through 3 (of 3 total)
  • wspencer

    (@wspencer)

    12 years, 4 months ago

    There are a lot of cool things you can do by using the :focus pseudo class/element in CSS! example…..

    input:focus { background-color: #CCC; }

    By putting that code in your CSS, whenever a user clicks on a field to enter text, the background of the text area will turn gray.

    Try playing around with the different CSS properties you can control and assigning them to that pseudo class/element.

    Thread Starter kuran

    (@kuran)

    12 years, 4 months ago

    Thanks wspencer, do you know of a resource that has all the styling options specific for forms and input fields?

    I have no idea where to start looking to find out how to make that second stroke effect that is shown in my original post.

    Thanks a lot!

    Rev. Voodoo

    (@rvoodoo)

    12 years, 4 months ago

    http://vudu.me/4o
    Maybe you’ll find some useful info there?

    You can look at my contact me page on that site too, to see that code in action.

    Espcially in Chrome, where clicking on a field triggers a pulsing animation

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Detailed Form Styling’ is closed to new replies.